Question

用超链接提交表单后，onsubmit="return myCheck()"就不执行了

用意是想在提交表单前验证是否已经填写，不能留空，如果有空就提示填写，代码如下

<script type="text/javascript">
function myCheck()
{
for(var i=0;i<document.feedback.elements.length-1;i++)
{
if(document.feedback.elements[i].value=="")
{
alert("请认真填写每一项信息");
document.feedback.elements[i].focus();
return false;
}
}
return true;
}
</script>

然后表单的样式是

<form name='feedback' method='post' enctype='multipart/form-data' action='feedback.php' onsubmit="return myCheck()">
<input name='title' type='text' value='' size='80'>
<input type='submit' name='submit' value='提交'>
</form>

这样就可以正确识别，不让表单提交，但因为考虑到页面样式，所以把最后的提交改成了超级链接，JS不变，表格代码成了

<form name='feedback' method='post' enctype='multipart/form-data' action='feedback.php' onsubmit="return myCheck()">
<input name='title' type='text' value='' size='80'>
<a type='submit' name='submit' id="js-mobile_btn" href="javascript:void(0)" onclick="javascript:document.feedback.submit()" class="button btn-green">提交</a>
</form>

结果就无法使用onsubmit，所以想请教一下应该怎么改才对。如能说明原因就更好了。谢谢

Answer 1

<script type="text/javascript">
function myCheck()
{
for(var i=0;i<document.feedback.elements.length-1;i++)
{
if(document.feedback.elements[i].value=="")
{
alert("请认真填写每一项信息");
document.feedback.elements[i].focus();
return false;
}
}
document.getElementById('feedback').submit();
}
</script>
<form id="feedback" name='feedback' method='post' enctype='multipart/form-data' action='feedback.php'>
<input name='title' type='text' value='' size='80'>
<a type='submit' name='submit' id="js-mobile_btn" href="#A" onclick="myCheck()" class="button btn-green">提交</a>
</form>