javascript - jQuery 验证表单未验证并提交

Question

我已正确设置所有规则，但当我提交表单时，它们似乎被完全忽略。

这是我的代码:

$(document).ready(function() {

  $('#formValidation').validate({
    rules: {
      name: {
        required: true,
        minlength: 2,
        lettersonly: true,
      },
      email: {
        required: true,
        minlength: 5,
        email: true,
      },
      feedback: {
        required: true,
        minWords: 5,
      },
    }
    messages: {
      name: {
        required: "Please enter your name",
      },
    },
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="formValidation" onload="validate()">
  <p>Name: <br/><input type="text" name="name" /> </p>
  <p>Email:<br/><input type="email" name="email" /></p>
  <p>Feedback:<br/><input type="text" name="feedback" id="textfield" />
    <input type="submit" id="submit" onsubmit="return formValidation()" /> </p>
</form>

Answer 1

所以，您所需要的就是以下内容。

$(document).ready(function () {

    $('#formValidation').validate({ 
        rules: {
            name: {
                required: true,
                minlength: 2,
                lettersonly:true,
            },
            email: {
                required: true,
                minlength: 5,
                email:true,
            },
            feedback: {
                required: true,
                minWords: 5,
            }
        },
        messages: {
            name:{
                required:"Please enter your name",
            }
        }
    });  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="formValidation" method="post">
    <p>Name: <br/><input type="text" name="name" /> </p>
    <p>Email:<br/><input type="email" name="email" /></p>
    <p>Feedback:<br/><input type="text" name="feedback" id="textfield"/>
    <input type="submit" id="submit"/> </p>
</form>

• 从脚本中删除了不必要/额外的 ,。
• 删除内联事件处理程序