引导表单验证——使用on click事件验证表单

Bootstrap form validation - Validate a form using an on click event

本文关键字：验证 表单 click 事件 on 使用      更新时间：2023-09-26

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

我想这样做的原因是:

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

  2. 我想调用一个ajax调用，注册一个用户并返回一个答案(失败/成功)。

我如何调用验证表单机制并获得真或假，以知道我是否可以重定向到ajax调用。

谢谢。

只需在表单标签外的按钮上附加一个jquery click事件，并在该函数内执行以下操作:

//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();

您可以根据需要验证您的字段值。这只是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")
     }
    });
});
相关文章：