JS 表单学习笔记

来源:互联网 发布:学生书包知乎 编辑:程序博客网 时间:2024/06/04 19:10

JS中表单对应HTMLFormElement类型,该类型有自己的一些属性和方法。获取某个表单最常用的方式有普通的getElementById(),还可通过document.forms[index/”表单name属性值”]来查询。

1. 提交表单

提交表单可通过提交按钮:input、button,type=”submit”,另外input还可定义图片为提交按钮,此时type=”image”。
点击提交按钮后在将请求发送给服务器前会触发submit事件,可在该事件处理程序中验证表单。阻止这个事件的默认行为就可以取消表单提交。
另外,还可通过表单类型的submit()方法提交表达,不需要提交按钮,不会触发submit事件。因此提交前应验证表单数据。
重复提交的问题:可在第一次提交后就禁用提交按钮,或者利用onsubmit事件处理程序取消后续的表单提交。

0 0