javascript - 表单提交绕过 JavaScript 验证

Question

下面的提交绕过了 JavaScript 验证。是因为 onclick 还是我遗漏了什么？

谢谢

表格

<form name="myprofile" action="do_update" method="post" onsubmit="return validate_submission(this.name)">
   <input type="text" id="text_fullname" name="text_fullname" value="" maxlength="100" />
   <div id="submit_button" onclick="document.myprofile.submit()">SUBMIT</div>
</form>

JS

function validate_submission(formname)
{
    alert(formname); return false;
}

Answer 1

与其说您使用的是 onclick，不如说您使用的是 form_ref.submit()，它提交表单而不触发 submit 事件。

您的选择:

• 使用真正的提交按钮(并且不要使用 JS 调用 submit())。这是最好的选择。它将显示在屏幕阅读器表单模式中。可以通过选项卡来实现。不开启JS就可以工作。
• 在调用 submit() 之前调用验证函数并检查结果。