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 相关文章推荐
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
详解Vue文档中几个易忽视部分的剖析
Mar 24 Javascript
Vue单页及多页应用全局配置404页面实践记录
May 22 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
Oct 12 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
Angular8 实现table表格表头固定效果
Jan 03 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 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
编译问题
2006/10/09 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
JavaScript中Cookies的相关使用教程
2015/06/04 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
详解Python中的type和object
2018/08/15 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
如何通过命令行进入python
2020/07/06 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
电子商务专员岗位职责
2013/12/11 职场文书
养牛场项目建议书
2014/05/13 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
周末问候语大全
2015/11/10 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
Django drf请求模块源码解析
2021/06/08 Python