javascript - 如何在 jQuery 中为下面的代码编写验证？

Question

在这里，在我的代码中并排放置的名字和姓氏字段如何为我尝试过但没有正确的这两个字段编写验证。我在下面附加了图像和代码

jQuery 代码:

 jQuery(function(){

            jQuery("#fName").validate({

                expression: "if (VAL.match(/^[a-zA-Z]{2,30}$/)) return true; else return false;",

                message: "Please enter the First Name Last Name"

            });
        }); 

注册.html

   <div class="form-fullname">
        <input class ="first-name"type="text" id="fName" name="firstname" placeholder="First name" required="">

        <input class="last-name" type="text" id="lName" name="lastname" placeholder="Last name" required="">
   </div>

整页是错误图像。

错误:在此注册表单中，当我在名字中输入数字时，它应该在下面显示错误消息，但它显示在名字旁边，如图所示。那么你能告诉我如何在下面收到错误消息吗？

Answer 1

尝试在输入标记上添加正则表达式:

<form action="register_page">
    <div class="form-fullname">
        <input class ="first-name" type="text" id="fName" name="firstname" placeholder="First name" pattern="^\w{2,30}$" required>

        <input class="last-name" type="text" id="lName" name="lastname" placeholder="Last name" pattern="^\w{2,30}$" required>
    </div>
    <input type="submit" value="Register">
</form>

请注意，您可以在正则表达式上使用\w 而不是 [a-zA-Z]。这样在这种情况下您就不需要 jquery 验证。