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

Posted 2023-03-05

【中文标题】引导表单验证 - 使用点击事件验证表单

【英文标题】：Bootstrap form validation - Validate a form using an on click event

【发布时间】：2015-10-29 12:15:25

【问题描述】：

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

我想这样做的原因是：

我不想在提交表单后将用户重定向到其他页面或重新加载当前页面。

我想调用一个注册用户并返回答案（失败/成功）的 ajax 调用。

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

谢谢。

【问题讨论】：

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

【参考方案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")

     
    );

);