Bootstrap表單驗證或不需要在Ajax提交上工作

我正在設計一個帶引導UI的表單。我想讓我的輸入，選擇所需的選項字段。但我的代碼不起作用。Bootstrap表單驗證或不需要在Ajax提交上工作

下面是關於jsfiddle的標記和代碼細節。

這有可能通過這裏寫一個函數，

$('#paynow').click(function(){ 

}

我試圖用validator.js，但它不工作，可能是爲Ajax問題。任何人都可以查看我的代碼並提供解決方案來進行字段驗證或僅需要警告。

我只是想實現這種功能，http://jsfiddle.net/5WMff/

來源

2014-12-13 Md Nurullah

你有沒有試過 – HoangHieu 2014-12-13 12:08:19

是的，我試過..它不起作用.. http://s5.postimg.org/y7dv14faf/screenshot_104.png – 2014-12-13 12:17:17

改變事件爲** $（「。form-horizontal 「）.submit（function（）{}）; ** – HoangHieu 2014-12-13 12:23:18

請使用此語法來驗證您的形式

 $("#f").validate({ 
       rules: { 
        field01: { 
         required: true 
        }, 
        field02:{ 
         required: true, 
        }, 
        field03: { 
         required: true 
        }, 
        field04: { 
         required: true, 
        }, 
        field05: { 
         required: true 
        } 
       }, 
       submitHandler: function(form) { 
        form.submit(); 
       } 
     });

這裏是f是表單ID和field0*將要需要你輸入字段的名稱。

來源

2014-12-13 16:57:29 user3262732

偉大的！它的工作原理，實際上我正在尋找代碼...感謝您的幫助 – 2014-12-13 17:00:14

我的required標籤添加到您的輸入和選擇真正需要的元素。你的代碼看起來像正在處理，但是你沒有驗證任何與你的JS或HTML5。

編輯： 你有一個流氓</form>標籤。它是在引入按鈕之前關閉表單。如果刪除JSFiddle示例的第226行，它應該解決該問題。

來源

2014-12-13 12:10:47 scottw33

我厭倦了所需但它沒有工作.. :( 仍然存在，有你能告訴我更新的jsfiddle PLZ 我想實現的是http://jsfiddle.net/5WMff/我的jsfiddle – 2014-12-13 12:14:34

問題是由立即付款按鈕前的''標籤引起的。這意味着按鈕不再連接到該表單。這只是「50品種」選擇選項下的幾行。一旦修復就可以正常工作。 – scottw33 2014-12-13 12:37:50

哇偉大的調試..讓我檢查 – 2014-12-13 12:45:10

Bootstrap表單驗證或不需要在Ajax提交上工作

回答

相關問題