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提交上工作

回答

相关问题