Javascript表单验证要注意的事项
投稿:hebedich
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?
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
一次显示所有错误;
早点捕获错误;
如果拿不准就不要太严格;
您可能感兴趣的文章:
- ASP动态生成的javascript表单验证代码
- 经常用到的javascript验证函数收集
- 一句话JavaScript表单验证代码
- javascript表单验证 - Parsley.js使用和配置
- javascript验证只能输入数字和一个小数点示例
- javascript验证上传文件的类型限制必须为某些格式
- javascript验证完全方法具体实现
- javascript表单验证使用示例(javascript验证邮箱)
- JavaScript验证图片类型(扩展名)的函数分享
- Javascript验证上传图片大小[前台处理]
- JavaScript验证18位身份证号码最后一位正确性的实现代码
- JavaScript验证电子邮箱的函数
- Javascript验证用户输入URL地址是否为空及格式是否正确
- javascript表单验证和Window详解
- javascript表单验证大全
- Javascript验证方法大全