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 相关文章推荐
Js之软键盘实现(js源码)
Jan 30 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
javascript搜索框点击文字消失失焦时文本出现
Sep 18 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
使用JavaScript破解web
Sep 28 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 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
程序员编程十条戒律
2009/07/09 PHP
php开发环境配置记录
2011/01/14 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
node.js中的fs.lchmodSync方法使用说明
2014/12/16 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
js实现拖拽上传图片功能
2017/08/01 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Django 日志配置按日期滚动的方法
2019/01/31 Python
基于python实现把图片转换成素描
2019/11/13 Python
Django重设Admin密码过程解析
2020/02/10 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
药品业务员岗位职责
2014/04/17 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
小学班主任心得体会
2016/01/07 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers