Bootstrap表单验证或必填项不适用于Ajax提交

Question

我正在设计具有引导UI的表单。 我要输入内容，请选择所需的选项字段。 但是我的代码不起作用。

以下是jsfiddle上的标记和代码详细信息。

http://jsfiddle.net/g28vvw77/

通过在此处编写函数可以做到这一点，

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

}

我尝试使用validator.js，但它不起作用，可能是针对ajax问题。 任何人都可以查看我的代码并提供解决方案以进行现场验证或仅需要警告。

我只想实现这种功能， http://jsfiddle.net/5WMff/

Answer 1

我将required标记添加到您的输入中，然后选择实际需要的元素。 您的代码看起来正在正确处理，但是您没有使用JS或HTML5进行任何验证。

编辑：您有一个流氓</form>标记。 在引入按钮之前，它将关闭表单。 如果删除JSFiddle示例的第226行，它应该可以解决该问题。

Answer 2

请使用此语法来验证您的表单

     $("#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*将是您需要的输入字段的名称。