Bootstrap Form Validation或者不需要处理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*将是您想要的输入字段的名称。