Question

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

我想这样做的原因是：

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

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

谢谢。

Answer 1

只需将jquery click事件附加到表单标记之外的按钮，并在该函数内部执行以下操作：

display:none

Answer 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")

     }
    });

});

Bootstrap表单验证 - 使用on click事件验证表单

2 个答案: