引导表单验证或必需不适用于 Ajax 提交

Bootstrap Form Validation or Required not working on Ajax submission

本文关键字：不适用 适用于 Ajax 提交 表单 验证      更新时间：2023-09-26

我正在设计一个带有引导 UI 的表单。 我想输入，选择必填选项字段。但是我的代码不起作用。

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

http://jsfiddle.net/g28vvw77/

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

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

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

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

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

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

这是您的表单 ID f field0*是您想要成为必填字段的名称。

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

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

相关文章：