有没有办法只接受字母作为输入而不接受数字？如果给出数字，则它应该显示验证错误，因为它只需要字母

2024-04-20 • 问答

我正在创建一个表单，其中提供了某些字段。现在，输入文本类型的字段。

我尝试提供验证“必需” ，但这不是我要搜索的。如果用户输入数字作为输入，则应验证它仅使用字母。

<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>

尝试以下代码段：

if (!/^([^0-9]*)$/.test($(input).val())) {
  alert("This only accepts alphabets!");
}
else
{
  //submit
}

这个想法是使用正则表达式验证输入值，然后发出警报来通知客户端。

另一种方法是在按键时立即禁用数字。

    $("input").keypress(function (e) {
    if (!/^([^0-9]*)$/.test(e.key)) {
        return false;
    }
});

使用模式

<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>

pattern属性指定一个正则表达式，在表单提交时会检查该元素的值。

有没有办法只接受字母作为输入而不接受数字？如果给出数字，则它应该显示验证错误，因为它只需要字母

liulinjian123 回答：有没有办法只接受字母作为输入而不接受数字？如果给出数字，则它应该显示验证错误，因为它只需要字母

大家都在问