我有一個(gè)像這樣輸入的名稱：<input type="text" name="name" placeholder="Your name">如何在提交之前阻止在框中寫入“admin”等名稱或其他名稱，但允許使用其他名稱。
3 回答
江戶川亂折騰
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超5個(gè)贊
您可以使用 HTML5 屬性實(shí)現(xiàn)相同的目的pattern（驗(yàn)證將在您按回車鍵后發(fā)生，即嘗試提交表單）：
<form>
<input type="text" name="name"
pattern="(?!^[aA][dD][mM][iI][nN]([iI][sS][tT][rR][aA][tT][oO][rR])?$)(?!^root$).{3,20}"></form>
這里接受長(zhǎng)度在 3 到 20 個(gè)字符之間的任何內(nèi)容，并且不是“admin”或“administrator”（不區(qū)分大小寫）或“root”（小寫）。
夢(mèng)里花落0921
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超6個(gè)贊
為此，您絕對(duì)應(yīng)該使用某種形式的 JavaScript 驗(yàn)證。這是 jQuery 中的一個(gè)簡(jiǎn)單的答案。您可以向數(shù)組中添加任意數(shù)量的名稱，然后檢查輸入的名稱是否在數(shù)組中。如果您將表單提交到服務(wù)器，PHP 驗(yàn)證可能是最好的選擇。
$("#submitName").click(function() {
var username = $("#name").val();
if(username == ("admin" || "administrator")){
$('.success-message').html("Name not allowed");
//write code to preven form from submitting
}else{
$('.success-message').html("Submitted successfully");
//write code to allow the form to submit
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="name" name="name" placeholder="Enter your name">
<button type="submit" id="submitName">Submit name</button>
<div class="success-message"></div>
翻翻過(guò)去那場(chǎng)雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
此代碼片段演示了使用 JavaScript 的客戶端方法。出于安全原因，請(qǐng)?jiān)诜?wù)器端再次檢查這一點(diǎn)。
function validate()
{
var inputVal = document.getElementById("name").value;
invalidList=["admin","administrator"];
if(invalidList.indexOf(inputVal) !== -1){
document.getElementById("val").innerHTML="Invalid";
} else{
document.getElementById("val").innerHTML=inputVal;
}
}
function validateSubmit()
{
var inputVal = document.getElementById("name").value;
invalidList=["admin","administrator"];
if(invalidList.indexOf(inputVal) !== -1){
alert("Invalid");
} else{
alert("Success");
}
}
<input type="text" id="name" name="name" placeholder="Your name" onkeyup="validate()"/>
<input type="button" onClick="validateSubmit()" value="Submit"/>
<div id="val"></div>
- 3 回答
- 0 關(guān)注
- 201 瀏覽