Forms 由函数控制的表单提交

我的代码中有当前的sumbit按钮

<form role="form" action="" method="POST">
    ...
    <div class="box-footer">
        <button type="submit" onsubmit="submitForm()" class="btn btn-primary">Save</button>
    </div>
    ...

@section('footer_js')
    <script>
        function submitForm() {return false;};
    </script>
@endsection

...
拯救
...
@节（'footer_js'）
函数submitForm（）{return false；}；
@端部

---

我想通过submitForm（）函数来控制有效的数据提交。我粘贴的代码不起作用，因为提交总是有效的。也许属性“onsubmit”不适合使用？

函数submitForm put e.preventDefault中有一种方法可以防止表单在服务器端提交。这将使您能够执行Javascript/前端验证：

function submitForm(e) 
{
   e.preventDefault();

   //Get user Values
   fname = $('#firstName').val(),
   email= $('#email').val(),

   if (validateName(fname) == true && validateEmail(email) == true)
   {

        $.ajax ({
        // you could then do an ajax call


   }


}

// This function will return a true value
// if your variable contains regex
function validateName(myname) {
    var re = /[a-z]/i;
    return re.test(myname);
}

function validateEmail(myemail) {
    var re = /[a-z]/i;
    return re.test(email);
}

---

如果有一个名为firstname的表单字段和一个名为lastname的表单字段，则可以根据您的条件检查用户输入的值。如果我的示例是检查用户的输入是否在A-Z之间。完成后，您可以使用ajax将用户的输入发送到服务器端进行进一步验证。

谢谢您的回答。如果我可以使用ajax，那就太好了，但是页面URL对应于一个API调用（这就是为什么action=”“method=“POST”）并且必须使用它。我已尝试添加“e.preventDefault（）；”“return false”行之前的代码，但没有阻塞操作