Javascript表单验证要注意的事项


Posted in Javascript onSeptember 29, 2014

Javascript表单编程:

一.表单元素的查找方式:

1.var oForm=document.getElementById("Form1");

2.var oForm=document.forms[Form1]//通过name查找;

二.表单字段的共同特点:

disabled:该属性用于指示一个表单控件是否可用;

form属性:该属性返回包含字段的表单;

blur():该方法导致表单字段失去焦点;

focus():该方法导致表单字段获得焦点;

blur事件:当表单字段失去焦点时,发生该事件,随后执行onblur事件处理程序;

focus事件:当表单字段获得焦点时,发生该事件,随后执行onfocus事件处理程序;

三:表单提交,重置

sumbit:  oForm sumbit();

reset:  oForm reset();

四.获取文本框的值:

length   otext.value.length;

五:添加元素节点,文本节点,删除元素

creatElement,creatTextNode,remove;

六:选中复选框的值:select

七:表单校验最佳实践:

必须对用户有帮助;

不要让人讨厌;

只要有可能就用HTML功能代替Javascript

一次显示所有错误;

早点捕获错误;

如果拿不准就不要太严格;

Javascript 相关文章推荐
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
简单的js表单验证函数
Oct 28 Javascript
javascript 终止函数执行操作
Feb 14 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
详解写好JS条件语句的5条守则
Feb 28 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
vue 动态组件用法示例小结
Mar 06 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 #Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 #Javascript
js获取元素相对窗口位置的实现代码
Sep 28 #Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 #Javascript
浏览器缩放检测的js代码
Sep 28 #Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 #Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 #Javascript
You might like
解析数组非数字键名引号的必要性
2013/08/09 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
JavaScript使用cookie
2007/02/02 Javascript
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
Python中的Numpy矩阵操作
2018/08/12 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
学生干部学习的自我评价
2014/02/18 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
《世界多美呀》教学反思
2014/03/02 职场文书
给学校的建议书
2014/03/12 职场文书
班主任班级寄语大全
2014/04/04 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
篮球赛口号
2014/06/18 职场文书
2016年最美孝心少年事迹材料
2016/02/26 职场文书
Python3接口性能测试实例代码
2021/06/20 Python
Python中使用ipython的详细教程
2021/06/22 Python
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python