如何在不使用 type= "submit"的情况下在表单验证中使用多个按钮

Question

我已经实现了表单验证，当我单击提交按钮时，整个页面都会刷新。

但我的任务是提交表格并仅停留在该页面上。

这是下面的代码，请建议我如何实现它。

enter code here
\ Formvalidation code
     }
}).on('success.form.fv', function (e) {
    //e.preventDefault();
    //fv = $(e.target).data('formValidation'); // FormValidation instance
    //fv.disableSubmitButtons(false);
    //InternaryTicketInvoiceSave();
    var $form = $(e.target),
   $button = $form.data('formValidation').getSubmitButton(),
   $statusField = $form.find('[name="status"]');
    switch ($button.attr('id')) {
        case 'btnTicketSave':
            InternaryTicketInvoiceSave();
            break;
        case 'UpdateStatus':
            InternaryTicketInvoiceSave();
            chnageSatatus();
            break;
       }

     });

     }
    //view code
     <form id="Iform" name="Iform" method="post">
        \view code here
     </form>

Answer 1

使用 HTML 5 验证即示例示例

 <form action="demo_form.asp" method="post">
      <input type="text" name="fname" required>
 <input type="email" name="email" required placeholder="Enter a valid email address">
      <input type="submit" value="Submit">
    </form>

细节http://www.the-art-of-web.com/html/html5-form-validation/

Answer 2

我缺少 e.preventDefault（）;