jQuery验证只验证第一场 - 而忽略其他

我使用的是jQuery validation plugin应验证表单中所有的输入，但它停靠在第一个。如果你点击第二个输入和留空 - 一切正常 - 它验证...
否则 - 不...jQuery验证只验证第一场 - 而忽略其他

我发现一些相同的答案 - 没有成功...

这里的我与例如拨弄我写

// 
// 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验证

来源

2013-09-24 Modestas MV

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

来源

2013-09-24 16:56:15

嗯..这是akward的：d感谢的很多:) –

@ModestasMV，请“接受”这个答案是否能解决你的问题。 – Sparky

@Sparky我很抱歉，但我该怎么做？成立于：D –

-1

您的代码不知道哪些是必填字段.validate（）。从插件文档：http://jqueryvalidation.org/required-method

做出所需要的字段：

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

在这种情况下，需要所谓的“果”的领域。

来源

2013-09-24 16:56:10

嗯，我的形式讲述了代码来验证领域，所以这不是问题:) –

这是一种方式，是，但我觉得它更容易只是把属性'required'领域本身：''。这也适用，如果你使用一个类，像这样：''。 –

jQuery验证只验证第一场 - 而忽略其他

回答

相关问题