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 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
表单切换,用回车键替换Tab健(不支持IE)
Jul 20 Javascript
浏览器的JavaScript引擎的识别方法
Oct 20 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
Sep 06 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
Mar 09 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 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 var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
javascript常用对话框小集
2013/09/13 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
基于JQuery的Ajax方法使用详解
2017/08/16 jQuery
Webpack实战加载SVG的方法
2017/12/26 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
2018/06/07 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
python提取页面内url列表的方法
2015/05/25 Python
利用Python爬取微博数据生成词云图片实例代码
2017/08/31 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
使用Django清空数据库并重新生成
2020/04/03 Python
Django框架请求生命周期实现原理
2020/11/13 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
后备干部考察材料
2014/02/12 职场文书
小小商店教学反思
2014/04/27 职场文书
慈善晚会策划方案
2014/05/14 职场文书
培训心得体会怎么写
2016/01/25 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
诗词赏析-(浣溪沙)
2019/08/13 职场文书
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA