输入类型=按钮未验证

-2

HTML5和jQuery与jQuery Mobile。我想使用一个按钮来提交表单，以便可以在其中包含图像。输入类型=按钮未验证

表单也需要验证。

随着以下，表单提交，但未经验证。也就是说，如果我将所需的表单元素留空，表单将会提交（显示警告框）。

HTML

<form id="myform" name="myform"> 

    [required elements here to validate] 

    <button type="button" name="submit1" id="submit1"><img src="myimg" />Submit</button> 
</form>

的Javascript

jQ('#submit1').click(function(event){ 
    jQ('#myform').submit(event); 
    event.preventDefault(); 

    [more code here to run] 

    alert('submitted'); 
});

来源

2015-04-14 user3788332

对不起 - 标题应该是 “类型=按钮”。 – user3788332

你有一种验证表单的方法吗？在调用窗体上的submit（）之前，通常会调用某种验证方法。 –

的问题是，你是触发形式.submit()提交你打电话之前event.preventDefault()。此外，只有在所有验证成功时，您才应该有条件地致电.submit()。如果无法通过成功验证进行表单提交，则会导致浏览器离开页面而不会看到任何验证错误。

来源

2015-04-14 15:23:35

你可以做

<script> 
function submission() { 
some code 
return true; 
} 
</script> 
<form id="myform" name="myform" onsubmit="return submission();"> 

[required elements here to validate] 

<button type="button" name="submit1" id="submit1"><img src="myimg" />Submit</button> 
</form> 
jQ('#submit1').click(function(event){ 
jQ('#myform').submit(event); 
});

来源

2015-04-14 15:31:31

输入类型=按钮未验证

回答

相关问题