我正在创建一个表单,在其中提供某些字段。 目前,输入字段为文本类型。
我尝试过验证“必需”,但这不是我正在寻找的。如果用户给出一个数字作为输入,它应该验证它只需要字母。
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
您能帮助我如何在文本字段中输入内容并验证是否给出了数字
最佳答案
您可以使用这样的模式进行验证。
<form action="/action_page.php">
First name: <input type="text" pattern="[A-Za-z]" name="fname"><br>
Last name: <input type="text" pattern="[A-Za-z]" name="lname"><br>
<input type="submit" value="Submit">
</form>
或者验证可以通过Jquery完成。输入字段不接受除字母之外的任何其他输入。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
First name <input type="text" pattern="[A-Za-z]" id="fname" name="fname"><br>
Last name <input type="text" pattern="[A-Za-z]" id="lname" name="lname"><br>
<script>
$( document ).ready(function() {
$( "#fname" ).keypress(function(e) {
var key = e.keyCode;
if (key >= 48 && key <= 57) {
e.preventDefault();
}
});
$( "#lname" ).keypress(function(e) {
var key = e.keyCode;
if (key >= 48 && key <= 57) {
e.preventDefault();
}
});
});
</script>
</body>
</html>
关于javascript - 有没有办法只接受字母而不接受数字作为输入?如果给出数字,它应该显示验证错误,因为它只需要字母,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58687780/