JavaScript OnBlur事件阻止提交HTML表单

Question

请考虑以下形式:

<form action="/a" method="post"> 
    <input name="x" type="text" onblur="myonblur(e)" />
    <input name="y" type="text" />
    <input name="submit" type="submit" value="Submit" />
</form>

当焦点位于名为"x"的元素并且用户按下提交按钮时,onblur事件将触发,但不提交表单.如果我在表单中有onblur事件,有没有办法让提交按钮按预期工作？

Answer 1

考虑优化您的onBlur()方法，以减少运行时间。如果您的表单无法提交，可能是因为表单onBlur()太长，导致浏览器无法执行其他操作。

您也可以使用该onChange()方法来代替 onBlur(). 这可能对你更有效。