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驗證只驗證第一場 - 而忽略其他

回答

相關問題