Javascript:事件处理/内容更新/提交
Javascript: Event-Handling / Content-Update / Submit
这是我的简单HTML表单(简称):
<form name="formular" action="./import.php" method="post" onsubmit="buttonClicked();">
<input name="notes" onchange="notesChanged();" />
<input name="info" onchange="infoChanged();" />
<input name="doit" class="button" type="submit" value="validate" />
</form>
当这两个字段更改时,按钮标签可能会更改为"提交"、"提交不同"或返回"验证"。当编辑并通过"选项卡"留下一个字段时,效果很好:向用户显示特殊的方式,提交表单。
我的问题:
当一个字段被更改并且不是通过"选项卡"离开,而是直接通过单击按钮离开时,标签也可能被更改,在这种情况下,不应提交表单。
我不知道如何处理这种情况,因为所有字段事件都是在任何按钮事件之前处理的。
在较新的浏览器中,您可以使用input
事件。这与change
事件的功能类似,但不需要元素在激发之前失去焦点(因为按下了选项卡键或用户单击了页面上的其他位置)。MDN条目包含有关浏览器支持的信息。
这将确保在用户对其他两个输入进行更改时,以及在用户单击按钮之前,更新按钮的文本。
您可以使用jquery添加模糊事件。当输入字段失去焦点时会触发:
<script type="text/javascript">
$(function () {
$('#notes').blur(function () {
notesChanged();
});
$('#info').blur(function () {
infoChanged();
});
});
</script>
<form name="formular" action="./import.php" method="post" onsubmit="buttonClicked();">
<input id="notes"/>
<input id="info"/>
<input name="doit" class="button" type="submit" value="validate" />
</form>
相关文章:
- JQueryUI进度条没有't通过表单提交更新后保持价值
- 通过JavaScript提交更新的ng模型
- 表单提交后用Javascript更新表-在IE&边
- AJAX-按钮提交以更新表单
- 为什么ng提交没有提交和更新模型
- Safari在表单提交期间未更新UI
- CSS在第一次点击jQuery.post提交时没有应用,然后在随后的点击中没有更新
- Javascript:事件处理/内容更新/提交
- 更新的 HTML 表单无法被 Rails 提交识别
- Rails/Ajax 在提交后将表单从创建更改为更新
- 使用单击提交按钮的复选框更新数据库中所有行的特定列
- 文件上传器表单提交事件调用面板以显示包含文件更新程序我想删除代码重写在 jquery 中使用循环重写所有文件类型
- 文本框的文本在提交按钮单击时不会更新
- 表单提交时的 HTML 输出更新
- 表单提交不会更新绑定到单选按钮的模型
- 在发送更新数据之前,表格需要提交两次
- 提交时更新的博客评论
- 在 Jquery - jTable 中创建/更新模式的字段末尾添加自定义按钮,如提交按钮
- 提交表单而不点击更新或提交按钮
- Javascript表单分数更新提交