首頁 > 後端開發 > php教程 > javascript - 關於bootstrap表單驗證的問題

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

WBOY
發布: 2016-08-04 09:20:48
原創
1468 人瀏覽過

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

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

</div> <!-- /container -->

</code>
登入後複製
登入後複製

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

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

回覆內容:

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

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

</div> <!-- /container -->

</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

有插件可以幫你做到的

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板