Twitter的自舉水平表單驗證

這是Twitter的自舉水平表單驗證

<input data-val="true" data-val-required="The password and confirmation password:" id="InstanceID" name="MainSearchModel.InstanceID" placeholder="Enter instanceID..." type="text" value="" /> 


    <input id="MainSearchModel_ServiceName" name="MainSearchModel.ServiceName" placeholder="Enter serviceName..." type="text" value="" />

我試圖有效形式的水平的一個例子，但是當我使用引導類=「control-group」 and jQuery-Live-Form-Validation-For-Twitter-Bootstrap它爲錯誤descripti創建空的空間因爲你可以在這裏看到from after adding class。

什麼是驗證水平表單的最佳方法？

我該如何讓消息出現在文本框的底部而不是出現在文本框的右側？

感謝

來源

2012-11-13 user1012407

使用此按鈕檢查驗證和禁用形式的AJAX和客戶端驗證：

$this -> widget('bootstrap.widgets.TbButton', array(
      'buttonType' => 'ajaxSubmit', 
      'icon' => 'ok', 
      'url' => Yii::app() -> createUrl('hr/userTime/create'), 
      'label' => 'Submit', 
      'ajaxOptions' => array('success' => 'function(data){ 
        var obj = $.parseJSON(data); 
        if(obj.status=="success"){ 
         $("#newUserTime").modal("hide"); 
         setTimeout(function(){location.reload(true);},400); 
        } else { 
         $("#userTime-form-error-div").show(); 
         $("#userTime-form-error-div").html(""); 
         var $inputs = $("#user-time-form :input"); 
         $inputs.each(function() { 
          $(this).removeClass("error"); 
          $(this).closest(\'div[class^="control-group"]\').addClass("success validating"); 
         }); 
         for (var p in obj) { 
          if(document.getElementById(p)) { 
           $("#"+p).closest(\'div[class^="control-group"]\').removeClass("success"); 
           $("#"+p).closest(\'div[class^="control-group"]\').addClass("error"); 
          } 
          $("#userTime-form-error-div").append(obj[p] + "<br/>"); 
         } 
        } 
       }'), 
    ));

希望這將幫助別人得到有效和無差錯領域的一個不錯的亮點！

來源

2013-02-08 10:00:35 ekussberg

Twitter的自舉水平表單驗證

回答

相關問題