javascript表单处理相关的知识总结(一)
在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表单处理相关的知识总结(一)相关推荐
- 15个非常实用的JavaScript表单验证库
来源:web前端开发 https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg 客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务器之前给予 ...
- JavaScript 表单与表单验证
JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成. 以下实例代码用于判断表单字段(fname)值是否存在,如果存在,则弹出信息,否则 ...
- javascript 表单验证大全(一)
javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...
- 10个强大的Javascript表单验证插件推荐
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...
- html表单验证js代码,JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...
- js html form,JavaScript 表单
JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成. 以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息, ...
- JavaScript 表单专题
JavaScript 表单专题 访问表单的方式 访问form表单控件的方式 Form 表单对象 Form 对象集合 Form 对象属性 Form 对象方法 Form 对象事件句柄 单行文本框 Text ...
- 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
- html自动验证邮件地址格式,JavaScript表单验证和邮箱格式验证的方法
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...
最新文章
- JBoss Seam 3.0.0.Beta1 发布
- 微服务神经元(Neural)
- 当当elastic-job docker快速部署_[小Z课堂]-docker 快速部署 elasticsearch 和 kibana,一键部署...
- spi四种工作模式时序图_还没学会SPI总线协议?干货都在这里
- neu1250矩阵快速幂哪~~
- 【Elasticsearch】Elasticsearch如何实现 SQL语句中 Group By 和 Limit 的功能
- tomcat 7配置数据库连接池,使用SQL Server2005实现
- JVM 和 HotSpot 的区别?
- mysql数据库 安装后 闪_MySQL数据库:第十五章:MySQL安装到最后一步未响应MySQL Server Instance Configuration Wizard...
- 蓝灯鱼AI人工智能、知识产权产品全面升级
- android 载入svg动画,实例讲解使用SVG制作loading加载动画的方法
- NVML编译官方用例报错
- C#操作Word:删除指定页(缺陷无法根据内容删除,只能固定页码;Microsoft.Office.Interop.Word.dll应用)
- 【Electron-vue】构建桌面应用(25)- Ubuntu安装deb文件任务栏不显示应用图标
- 孙溟㠭凿印《猛击一掌》
- Vmware上安装Vxworks 5.5
- 经典java程序源代码_【转】经典Java程序源代码(一)
- 小米2miui适配android6,MIUI官方声明:小米2/2S确定升级MIUI6
- python与机器人王国_【工业机器人】盘点日本最值得关注的工业机器人13大巨头!...
- 教你一招搞定 Homebrew 下载加速!
热门文章
- matlab pdist如何实现,在MATLAB版本7中相当于pdist2
- c语言内置画直线函数库,C语言不调用库函数画直线
- GitHub与GitLab的区别
- 计算机能帮助我学英语翻译,英语翻译以下几个句子,帮忙把汉语翻译成英语,请不要用软件翻!1、计算机能帮助人们从事复杂的计算.几十年前可能需要数月完成...
- 小汤学编程之JAVA基础day13——I/O流
- 最短路(hdu4725)(建点巧妙)
- Vue2.0 的漫长学习ing-2-6
- python2.7入门---内置函数
- C# 禁止修改已装箱了的值类型的字段值,但是可以通过接口的方式实现
- 简单的python下载器