Question

使用jQuery Mobile的HTML5和jQuery。我想使用按钮提交表单，以便可以在其中包含图像。

表格也需要验证。

使用以下内容，表单提交但未经过验证。也就是说，如果我将所需的表单元素留空，则表单将提交（警告框显示）。

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');
});

Answer 1

问题是，在致电.submit()之前，您正在使用event.preventDefault()触发表单提交。此外，您应该只在所有验证成功时有条件地致电.submit()。如果成功验证将导致表单提交失败将导致浏览器离开页面而不会看到任何验证错误。

Answer 2

你可以做到

<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);
});

输入类型=按钮未验证

2 个答案: