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 相关文章推荐
javascript 事件处理程序介绍
Jun 27 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
JS面试题中深拷贝的实现讲解
May 07 Javascript
微信小程序实现底部弹出模态框
Nov 18 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
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
php获取post中的json数据的实现方法
2011/06/08 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
php新建文件的方法实例
2019/09/26 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
JavaScript OOP类与继承
2009/11/15 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
2015/04/20 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
微信小程序 仿猫眼实现实例代码
2017/03/14 Javascript
package.json文件配置详解
2017/06/15 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
微信小程序使用npm支持踩坑
2018/11/07 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
angular异步验证防抖踩坑实录
2019/12/01 Javascript
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
python读写文件write和flush的实现方式
2020/02/21 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
学习保证书范文
2014/04/30 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
建筑学专业自荐书
2014/07/09 职场文书
四年级作文之植物
2019/09/20 职场文书
浅析Python实现DFA算法
2021/06/26 Python
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python