javascript - 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(). 这可能对你更有效。

Answer 2

尝试添加

return true;

在调用你的 onBlur 函数之后。您面临的问题可能是由于事件处理程序的“返回错误”预防。