我只需要允许用户在文本输入中输入以下字符:
a-zA-Z0-9!@#$%^*_|
<form action="http://www.cknuckles.com/cgi/echo.cgi" method="get" name="logOn">
User Name:<br />
<input type="text" name="userName" size="25" /><br />
Password:<br />
<input type="password" name="pw" size="25" /><br />
<input type="submit" value="Log In" onClick="validate()"/>
</form>
上面是我的 HTML,下面是我试图用来验证它的 JavaScript - 但它不起作用 - 任何线索。
<script language="javascript">
document.logOn.onsubmit=validate;
function validate(){
var name=document.logOn.pw.value;
if(!name = "[a-zA-Z0-9!@#$%^*_|]"){
alert("Your Password Cant Have any thing other than a-zA-Z0-9!@#$%^*_| - Play It Straight!");
return false;
}
return true;
}
</script>
但这行不通。我仍然可以将字符放入“>”、“<”和“{”等中。
有什么想法吗?
最佳答案
您可以如下更改输入文本:
<input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" />
因此代码更改如下所示:
<form action="#" method="get">
User Name:<br />
<input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" /><br />
Password:<br />
<input type="password" /><br />
<input type="submit" value="Log In" />
</form>
这将在不使用 JavaScript 的情况下工作。 pattern
可以改用。它比 JavaScript 更有效地进行表单验证。
关于javascript - 只允许在 html textinput 中输入某些字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16434174/