javascript - 關於bootstrap表單驗證的問題

後台套的bootstrap，關於樣式方面大部分都能滿足，其中有一個表單提交的問題，套的是現成的bootstrap給的模板。程式碼如下

<code>  &lt;form class="form-signin"&gt;
    &lt;h2 class="form-signin-heading"&gt;Please sign in&lt;/h2&gt;
    &lt;label for="inputEmail" class="sr-only"&gt;Email address&lt;/label&gt;
    &lt;input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus&gt;
    &lt;label for="inputPassword" class="sr-only"&gt;Password&lt;/label&gt;
    &lt;input type="password" id="inputPassword" class="form-control" placeholder="Password" required&gt;
    &lt;div class="checkbox"&gt;
      &lt;label&gt;
        &lt;input type="checkbox" value="remember-me"&gt; Remember me
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Sign in&lt;/button&gt;
  &lt;/form&gt;

&lt;/div&gt; &lt;!-- /container --&gt;

</code>

關於表單驗證的方法，官網沒有什麼介紹，知道require是什麼意思，但是想知道關於這塊方面的介紹在哪裡找，官網沒有找到。 謝謝大家了

因為我自己寫了ajax異步去提交，不好使。 想用bs自備的驗證表單的方式去做非同步提交。多謝

回覆內容：

後台套的bootstrap，關於樣式方面大部分都能滿足，其中有一個表單提交的問題，套的是現成的bootstrap給的模板。程式碼如下

<code>  &lt;form class="form-signin"&gt;
    &lt;h2 class="form-signin-heading"&gt;Please sign in&lt;/h2&gt;
    &lt;label for="inputEmail" class="sr-only"&gt;Email address&lt;/label&gt;
    &lt;input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus&gt;
    &lt;label for="inputPassword" class="sr-only"&gt;Password&lt;/label&gt;
    &lt;input type="password" id="inputPassword" class="form-control" placeholder="Password" required&gt;
    &lt;div class="checkbox"&gt;
      &lt;label&gt;
        &lt;input type="checkbox" value="remember-me"&gt; Remember me
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Sign in&lt;/button&gt;
  &lt;/form&gt;

&lt;/div&gt; &lt;!-- /container --&gt;

</code>

關於表單驗證的方法，官網沒有什麼介紹，知道require是什麼意思，但是想知道關於這塊方面的介紹在哪裡找，官網沒有找到。 謝謝大家了

因為我自己寫了ajax異步去提交，不好使。 想用bs自備的驗證表單的方式去做非同步提交。多謝

簡單。

<code>$("form").submit(function(e){
    e.preventDefault();   // disabled default action
    // do something and ajax ....
    $.post("url", $("form").serializeArray())
    .done(function(){})
    .failed(function(){})
    
  });</code>

你自己在把表單資料提交給 ajax 處理前，就寫一個函數先驗證數據，成功就交給 ajax，失敗就回傳提示訊息。

form標籤裡面寫action的伺服器位址啊。

在github上搜尋了一下,有很多,自己挑吧 https://github.com/search?utf8=%E2%9C%93&q=Bootstrap+Validator

可以看這個頁面 ，jQuery Validate | 菜鳥教學 http://www.runoob.com/jquery/jquery-plugin-validate.html

有插件可以幫你做到的