jquery验证仅验证第一个字段 - 其他字段将被忽略

时间:2013-09-24 16:41:15

标签: jquery forms twitter-bootstrap jquery-validate

我正在使用jQuery validation plugin来验证表单中的所有输入,但它会在第一个输入处停止。如果你点击第二个输入并将其留空 - 一切正常 - 它验证了......
否则 - 不是......

我找到了一些相同的答案 - 没有成功......

这是我用我写的例子的小提琴

FiddleError

//
//  jQuery Validate example script
//
//  Prepared by David Cochran
//
//  Free for your use -- No warranties, no guarantees!
//

$(document).ready(function(){

// Validate
// http://bassistance.de/jquery-plugins/jquery-plugin-validation/
// http://docs.jquery.com/Plugins/Validation/
// http://docs.jquery.com/Plugins/Validation/validate#toptions

    $('.validate').validate({
        highlight: function(element) {
            $(element).parent().removeClass('has-success').addClass('has-error');
        },
        success: function(element) {
            element.closest().removeClass('has-error').addClass('has-success');
        }
  });

}); // end document.ready`enter code here`

使用:

  • 自举
  • 的jQuery
  • jQuery validation

2 个答案:

答案 0 :(得分:15)

使用name代替id

字段
<div class="form-group">
    <label class="control-label" for="login_id">Login id:</label>
    <input type="text" class="form-control required" name="login_id">
</div>
<div class="form-group">
    <label class="control-label" for="password">Password:</label>
    <input type="password" class="form-control required" name="password">
    <div class="forgot"> <a href="#">
                    Forgot your password?
                </a>

    </div>
</div>

演示:Fiddle

答案 1 :(得分:-1)

您的代码不会告诉.validate()需要哪些字段。来自以下插件文档:http://jqueryvalidation.org/required-method

制作所需的字段:

$( "#myform" ).validate({
  rules: {
    fruit: {
      required: true
    }
  }
});

在这种情况下,该字段称为&#34; fruit&#34;是必须的。