形式是跨越到2周獨立的div =>沒有驗證正確

Question

我的形式看起來像這樣：

我減少-感嘆代碼看起來是這樣的：

<div class="row no-pad"> 
    <form class="form-control-static" action="lib/leadGen.php" method="post"> 
    <div class="col-xs-6 left-hand-input"> 

      <label for="firstName">FIRST NAME:</label><br> 
      <input required name="firstName" id="firstName" type="text"> 
    </div> 
    <div class="col-xs-6 right-hand-input"> 
     <label for="lastName">LAST NAME:</label><br> 
     <input required name="lastName" id="lastName" type="text"><br> 
    </div> 
     </form> 
</div> 

我我正在使用JQuery Validate 並且在添加庫之後，我剛剛在正文關閉之前對其進行了編輯：

<script> 
    $('.form-control-static').validate(); 
</script> 

問題：它不會驗證.right-hand-input div上的任何input。 請隨時提交任何其他圖書館，克服這個問題。

編輯：移動形式以外的打破divs。

Answer 1

你爲什麼不做出這樣的事情？

<form class="form-control-static" action="lib/leadGen.php" method="post"> 

<div class="row no-pad"> 
    <div class="col-xs-6 left-hand-input"> 
      <label for="firstName">FIRST NAME:</label><br> 
      <input required name="firstName" id="firstName" type="text"> 
    </div> 
    <div class="col-xs-6 right-hand-input"> 
     <label for="lastName">LAST NAME:</label><br> 
     <input required name="lastName" id="lastName" type="text"><br> 
    </div> 
</div> 

</form> 

，並添加一些CSS，形成標籤，以正確反映文件加載之前裏面的DIV寬度

Answer 2

請注意，我已經檢查由 的div分開的形式是完全沒有問題;在stackoverflow和其他論壇中指出。

這是不正確的。您的HTML無效。正在發生的事情是你的標籤是越來越關閉你和right-hand-input爲此樣樣不form-control-static

見的一部分：Can't span form over multiple divs

Answer 3

我得到它的工作。

，而不只是：

嘗試寫：

window.onload=function(){ 
    $('.form-control-static').validate(); 
} 

https://jsfiddle.net/sthlmsrille/d2hseLxe/