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 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
javascript for循环设法提高性能
Feb 24 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
vue 实现购物车总价计算
Nov 06 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
2020/12/30 Vue.js
在python中的socket模块使用代理实例
2014/05/29 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python实现飞机大战微信小游戏
2020/03/21 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
pytorch实现线性拟合方式
2020/01/15 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
python定时截屏实现
2020/11/02 Python
楼面部长岗位职责范本
2014/02/14 职场文书
微信营销策划方案
2014/02/24 职场文书
护理学院专科毕业生求职信
2014/06/28 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
初中家长评语大全
2014/12/26 职场文书
校运会班级霸气口号
2015/12/24 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers