Question

我的代码中的当前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

我希望通过submitForm（）函数来控制有效的数据提交。我提交的代码无法正常工作，因为提交始终有效。也许属性＆＃39; onsubmit＆＃39;是不是正确使用的？

Answer 1

一种方法是在你的函数submitForm中放置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发送用户的输入服务器端进行进一步验证。

表格提交由功能控制

1 个答案: