在HTML中,表单是由元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,它拥有HTML元素具有的默认属性,还有自己的属性和方法

acceptCharset 服务器能够处理的字符集
action 接受请求的URL
elements 表单中所有控件的集合
enctype 请求的编码类型
length 表单中控件的数量
name 表单的名称
target 用于发送请求和接受响应的窗口名称
reset() 将所有表单重置
submit() 提交表单
其次,通过document.forms 可以取得页面中所有的表单。
注意:必须把submit事件绑定到form对象上,才可以触发submit事件,把submit事件注册到input中的submit按钮,是无法触发submit事件的,表单提交触发submit事件的流程是点击input中的submit按钮。
在javascript中,以编程方式调用submit()方法可以提交表单,这种方式无需表单必须包含按钮也可以来自定义触发submit事件,也就是说,并不一定非要点击submit按钮才能提交。
有一点需要注意的是,在表单中尽量避免使用name=”submit”或id=”submit”等命名,因为这样会和submit()方法发生冲突导致无法提交。

javascript表单处理相关的知识总结(一)相关推荐

  1. 15个非常实用的JavaScript表单验证库

    来源:web前端开发 https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg 客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务器之前给予 ...

  2. JavaScript 表单与表单验证

    JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成. 以下实例代码用于判断表单字段(fname)值是否存在,如果存在,则弹出信息,否则 ...

  3. javascript 表单验证大全(一)

    javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...

  4. 10个强大的Javascript表单验证插件推荐

    创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...

  5. html表单验证js代码,JavaScript表单验证实现代码

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...

  6. js html form,JavaScript 表单

    JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成. 以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息, ...

  7. JavaScript 表单专题

    JavaScript 表单专题 访问表单的方式 访问form表单控件的方式 Form 表单对象 Form 对象集合 Form 对象属性 Form 对象方法 Form 对象事件句柄 单行文本框 Text ...

  8. 15个最佳的 JavaScript 表单验证库

    客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...

  9. html自动验证邮件地址格式,JavaScript表单验证和邮箱格式验证的方法

    JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...

最新文章

  1. JBoss Seam 3.0.0.Beta1 发布
  2. 微服务神经元(Neural)
  3. 当当elastic-job docker快速部署_[小Z课堂]-docker 快速部署 elasticsearch 和 kibana,一键部署...
  4. spi四种工作模式时序图_还没学会SPI总线协议?干货都在这里
  5. neu1250矩阵快速幂哪~~
  6. 【Elasticsearch】Elasticsearch如何实现 SQL语句中 Group By 和 Limit 的功能
  7. tomcat 7配置数据库连接池,使用SQL Server2005实现
  8. JVM 和 HotSpot 的区别?
  9. mysql数据库 安装后 闪_MySQL数据库:第十五章:MySQL安装到最后一步未响应MySQL Server Instance Configuration Wizard...
  10. 蓝灯鱼AI人工智能、知识产权产品全面升级
  11. android 载入svg动画,实例讲解使用SVG制作loading加载动画的方法
  12. NVML编译官方用例报错
  13. C#操作Word:删除指定页(缺陷无法根据内容删除,只能固定页码;Microsoft.Office.Interop.Word.dll应用)
  14. 【Electron-vue】构建桌面应用(25)- Ubuntu安装deb文件任务栏不显示应用图标
  15. 孙溟㠭凿印《猛击一掌》
  16. Vmware上安装Vxworks 5.5
  17. 经典java程序源代码_【转】经典Java程序源代码(一)
  18. 小米2miui适配android6,MIUI官方声明:小米2/2S确定升级MIUI6
  19. python与机器人王国_【工业机器人】盘点日本最值得关注的工业机器人13大巨头!...
  20. 教你一招搞定 Homebrew 下载加速!

热门文章

  1. matlab pdist如何实现,在MATLAB版本7中相当于pdist2
  2. c语言内置画直线函数库,C语言不调用库函数画直线
  3. GitHub与GitLab的区别
  4. 计算机能帮助我学英语翻译,英语翻译以下几个句子,帮忙把汉语翻译成英语,请不要用软件翻!1、计算机能帮助人们从事复杂的计算.几十年前可能需要数月完成...
  5. 小汤学编程之JAVA基础day13——I/O流
  6. 最短路(hdu4725)(建点巧妙)
  7. Vue2.0 的漫长学习ing-2-6
  8. python2.7入门---内置函数
  9. C# 禁止修改已装箱了的值类型的字段值,但是可以通过接口的方式实现
  10. 简单的python下载器