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 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
JQuery animate动画应用示例
May 14 jQuery
layui table 表格模板按钮的实例代码
Sep 21 Javascript
vue 实现购物车总价计算
Nov 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
Protoss魔法科技
2020/03/14 星际争霸
调试一段PHP程序时遇到的三个问题
2012/01/17 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
php实现网页端验证码功能
2017/07/11 PHP
纯js分页代码(简洁实用)
2013/11/05 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
JavaScript 学习笔记之变量及其作用域
2015/01/14 Javascript
JavaScript控制图片加载完成后调用回调函数的方法
2015/03/20 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
Vue响应式原理详解
2017/04/18 Javascript
js实现点击展开隐藏效果(实例代码)
2018/09/28 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
在Python中使用元类的教程
2015/04/28 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
python类的继承实例详解
2017/03/30 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
python验证身份证信息实例代码
2019/05/06 Python
美国钻石商店:Zales
2016/11/20 全球购物
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
贝玲妃英国官网:Benefit英国
2018/02/03 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
中英文自我评价常用句型
2013/12/19 职场文书
初婚未育证明
2014/01/15 职场文书
师德师风自查总结
2014/10/14 职场文书
2014年销售人员工作总结
2014/11/27 职场文书
寒山寺导游词
2015/02/03 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书