Question

例如，我有带有“ firstname”字段的表单。我向该字段添加了两个规则（数字，必填）。但是，当我提交表格时，我只会看到一个错误。我如何查看错误列表（“此字段为必填字段。”和“请输入有效数字。”）？

.error {
 font: normal 10px arial;
 padding: 3px;
 margin: 3px;
 background-color: #ffc;
 border: 1px solid #c00;
 }
body{font-size:x-large;background:#CCC;}
h1{margin-bottom:20px;}
form{padding:50px;}



$(document).ready(function(){
  $("#form").validate({ rules: {
    'firstname': {
          number: true,
          required: true,
      },
  }
 });});


<form id='form' name='form' method='post' action=''><p>
  <input type='text' name='firstname' id='firstname'/></p>
  <input type='submit' name='Submit' value='Submit'/></p>
</form>

http://jsfiddle.net/4tcsjwah/398/

Answer 1

很确定这会起作用，但是可以更改它以满足您的要求。

var messages = {
        email: {
            required:"Email is required field. Please enter valid email address",
            email:"Please enter valid email address",
        }
    };

    $(function(){
        $("#test-form").validate({ 
            onfocusout:false,
            onkeyup:false,
            messages:messages
        });
    });

访问此JS小提琴：http://jsfiddle.net/JcFYr/1/

jq验证得到所有错误

1 个答案: