引导表单验证 - 使用点击事件验证表单答案

【问题标题】：Bootstrap form validation - Validate a form using an on click event引导表单验证 - 使用点击事件验证表单
【发布时间】：2015-10-29 12:15:25
【问题描述】：

我正在使用引导表单验证，我想使用不在表单标签内的按钮来验证我的表单。

我想这样做的原因是：

我不想在提交表单后将用户重定向到其他页面或重新加载当前页面。
我想调用一个注册用户并返回答案（失败/成功）的 ajax 调用。

如何调用验证表单机制并获取 true 或 false 以了解是否可以重定向到 ajax 调用。

谢谢。

【问题讨论】：

我想要，我不想要但是你的代码在哪里

标签： javascript jquery html ajax twitter-bootstrap

【解决方案1】：

只需在表单标签外的按钮上附加一个 jquery 点击事件，然后在该函数内执行以下操作：

//1) Submit Form using Form's ID
$("#testForm").submit();

//2 Submit Form using Form's Name
$("form[name='myForm']").submit();

//3 Submit Form using Form's Index.
$("form:first").submit();

【讨论】：

那个作品。如果表单验证通过或失败，我如何获得一个值（真/假）？我试过 var form_check = $("#testForm").submit(); ，但我得到一个对象而不是布尔变量
Bootstrap 是一个 css 框架，没有任何逻辑来与您的后端或 JavaScript 响应进行交互。只需在 ajax 调用的成功方法上调用一些自定义函数，然后使用 jquery addClass() 添加引导类。以下是所有课程：getbootstrap.com/css/#forms-control-validation
谢谢，我用 jquery 代码解决了这个问题： var check_fields = 0 ; $("#RegForm .form-group").each(function(i , value) { if( $(value).attr('class') == "form-group has-feedback has-error"){ check_fields = 1 ; } });

【解决方案2】：

您可以根据需要验证字段值。这只是 jquery 中的基本表单提交代码。

 $("#yourformid" ).submit(function( event ) {
    var field1 = $('#field1').val();
    var field2 = $('#field2').val();

    var information = {
            'field1' : field1,
            'field2':field2,
    };
    var data = JSON.stringify(information);
    event.preventDefault();

    $.ajax({
    type: "POST",
    data: {value:data},
    url: "YOUR_URL",
    success: function(data) {
        if(data="sucess"){
        console.log(data)
        } else {
        console.log("Mission failed")

     }
    });

});

【讨论】：