按钮onclick this.form.submit调用验证功能

时间:2014-07-24 09:42:06

标签: jquery forms submit

我想在表单提交上调用validate函数。当我写下面的代码。

<form onSubmit = 'return validate();'>
<input type='url'>
<input type='submit' value='Submit'>
</form>

工作正常。但如果我有输入类型按钮。我写了下面的代码。

<form onSubmit = 'return validate();'>
<input type='url'>
<input type='button' onclick = this.form.submit(); value='Submit'>
</form>

不工作。

4 个答案:

答案 0 :(得分:3)

this.form.submit();放在引号中,

 <form onSubmit = 'return validate();'>
    <input type='url'>
    <input type='button' onclick = 'this.form.submit();' value='Submit'>
    </form>

它对我来说很好。

答案 1 :(得分:2)

<form id="myForm">
    <input type="url">
    <input type="submit" id="submitBtn" value="Submit">
</form>

Jquery的:

$(document).ready(function(){
 $("#submitBtn").click(function(e)({
   $("#myForm").submit();
 )};
)};

答案 2 :(得分:0)

$(document).ready(function(){
 $("#submitBtn").click(function(e)({
   if(validate())
   {
     $("#myForm").submit();
   }
 )};
)};

验证函数应该在成功执行时返回true,然后表单才会提交。

答案 3 :(得分:0)

所有函数声明均以{

开头
    $(document).ready(function(){
     $("#submitBtn").click(function(e){
       $("#myForm").submit();
     });
    });