如何使用Twitter Bootstrap 2.0驗證輸入字段並應用錯誤類？

我有類似下面的字段：如何使用Twitter Bootstrap 2.0驗證輸入字段並應用錯誤類？

<div class="control-group"> 
    <label class="control-label" for="lname">Last Name</label> 
    <div class="controls"> 
     <input class="span3" type="text" id="lname" name="lname" placeholder="Last Name" value=""/> 
    </div> 
</div>

我想下面的jQuery來驗證一些輸入並添加錯誤類如果需要的話：

var div = $("#lname").parent("div.control-group"); 
.... 
div.removeClass("success"); 
div.addClass("error");

理想我通過幾個需要循環輸入並選擇字段來做我的驗證。

我目前的代碼沒有添加錯誤類。任何想法爲什麼？

來源

2012-02-04 Paul

您應該使用parents方法，而不是作爲parent

var div = $("#lname").parents("div.control-group"); 
div.removeClass("success"); 
div.addClass("error");

來源

2012-02-04 22:28:41

$('#form-register').validate({ errorElement: 'span', errorClass:'help-inline', highlight: function (element, errorClass) { 
     $(element).parent().parent().addClass('error'); 
    }, unhighlight: function (element, errorClass) { 
     $(element).parent().parent().removeClass('error'); 
    }});

來源

2012-04-04 18:48:45

使用此jQuery-Live-Form-Validation-For-Twitter-Bootstrap

如果包含js文件使用下面

jQuery(function(){ 
      jQuery('#lname').validate({expression: "if (VAL) return true; else return false;", 
      message: "Please Enter Your Last Name"}); 
     });

驗證碼

來源

2012-04-05 21:03:12

如何使用Twitter Bootstrap 2.0驗證輸入字段並應用錯誤類？

回答

相關問題