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

Question

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

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

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

您能帮我在文本字段内键入内容并验证是否给出数字时，如何随时随地执行此操作

Answer 1

您可以使用这种模式进行验证。

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