Javascript表单验证要注意的事项

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

一次显示所有错误；

早点捕获错误；

如果拿不准就不要太严格；

赞 (0)

相关推荐

  • javascript验证身份证完全方法具体实现

    复制代码 代码如下: var certCardValid = function(id){         var arrVerifyCode = [1,0,"x",9,8,7,6,5,4,3,2];         var wi = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];         var Checker = [1,9,8,7,6,5,4,3,2,1,1];         var msg = "";         if

  • javascript验证只能输入数字和一个小数点示例

    复制代码 代码如下: function gaga(obj){ // 值允许输入一个小数点和数字 obj.value = obj.value.replace(/[^\d.]/g,""); //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/^\./g,""); //必须保证第一个为数字而不是. obj.value = obj.value.replace(/\.{2,}/g,"."); //保证只有出

  • JavaScript验证图片类型(扩展名)的函数分享

    前台调用如下 复制代码 代码如下: OnClientClick="return fucCheckJpgAndGif(form1.File1.value);" --其中File1为上传文件控件 函数代码: 复制代码 代码如下: function fucCheckJpgAndGif(strFileName) {    if (strFileName != "") {        var strtype = strFileName.substring(strFileNa

  • JavaScript验证18位身份证号码最后一位正确性的实现代码

    根据身份证号码推算出最后一位的正确性,如果不正确还会给出正确结果,非常有意思的一断程序. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

  • 经常用到的javascript验证函数收集第1/3页

    建议大家收藏javascript验证函数,以后遇到就可以直接拿来用了/* ================================================================== 是否为空,只判断字符串 null或0长为空,经过trim IsStringNull(string) ================================================================== */ function IsStringNull(str)

  • javascript表单验证大全

    被 JavaScript 验证的这些典型的表单数据有以下几种: 1.用户是否已填写表单中的必填项目? 2.用户输入的邮件地址是否合法? 3.用户是否已输入合法的日期? 4.用户是否在数据域 (numeric field) 中输入了文本? 下面是用户名和密码验证代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> &

  • javascript表单验证和Window详解

    一.表单验证form 1.创建一个新的表单: 复制代码 代码如下: <form id="id是唯一的,不可重复" name="可重复",method="post/get",action="目标或地址,负责处理的服务端,将文本等传输到什么地方"> //方法1:post提交后无长度限制,且编码后内容不可见. //方法2:get提交有长度限制,并且编码后的内容在地址栏可见 (input 元素) </form>

  • javascript表单验证使用示例(javascript验证邮箱)

    被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目.假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题): 复制代码 代码如下: function validate_required(field

  • 一句话JavaScript表单验证代码

    表单的客户端javascript验证有各种各样的写法,登录为form的onsubmit事件或submit按扭写一个函数.对于小表单(只有一两个表单域的表单)就不必再专门再用javascript写一个验证函数了,只需要在form的onsubmit事件里加上: 复制代码 代码如下: onsubmit="return domainname.value=="?(alert('请输入搜索内容'),false):true;" 这样只有一句话,实现了验证成功时提交,失败时给出提示的功能.其

  • javascript表单验证 - Parsley.js使用和配置

    在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能.是不是超棒? 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大DOM-API. 主要特性 •基于超棒的用户体验 •超级方便配置 •超轻量级(压缩后12K),支持jQuery和Zepto •超简单,只需要简单配置DOM-API,类似jQuery的data API •绝对免费

  • javascript验证上传文件的类型限制必须为某些格式

    复制代码 代码如下: //验证文件的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().s

  • Javascript验证用户输入URL地址是否为空及格式是否正确

    复制代码 代码如下: <script type="text/javascript"> function checkUrl() { var url = document.getElementById('url').value; if (url==''){ alert('URL 地址不能为空'); return false; } else if (!isURL(url)) { alert('URL 的格式应该是 http://www.jb51.net'); return fal

  • JavaScript验证电子邮箱的函数

    本文介绍一个JavaScript验证电子邮箱的函数,相当靠谱. JavaScript验证电子邮箱的函数,源代码如下: function checkEmail(text) { if( text.match(/qq\.com$/) ) { return -1; } if( ! text.match(/^\w+([._-]\w+)*@(\w+\.)+\w+$/) ) { return false; } return true; } 关于JavaScript验证电子邮箱的函数,本文就介绍这么多,希望对您

  • ASP动态生成的javascript表单验证代码

    以网上down了一个ASP动态生成Form验证javascript的代码,自己扩容了一下.作者的大名我给忘了,不过我记得清楚,从第一条至第九条的代码都是该作者的原创.至于九至第十五条却是本人自己加的哦.而且由于本人水平有限,从第九条至第十五条不见得会条条生效啊?呵呵,其实把它贴在这里没有什么必要的,因为这点小会伎俩谁都会用的,我把它的作用定位为:开发时找不到该函数时到这里拷贝一下就可以了.呵,因为我即没有刻录机也没有移动硬盘.实在是没有办法把这些代码随身携带,不过还好,在北京到处都可以上网.所以

  • Javascript验证上传图片大小[前台处理]

    需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重.那么我们怎样才可以解决一个棘手的问题呢?有两种方式: 1)后台处理: 也就是AJAX POST提交到后台,把图片上传到服务器上,然后获得该图片大小做处理. 2)前台处理: 也就是利用Javascript获取该图片大小. 显然第一种方式,很不好.因为需要把文件先上传到服务器上,如果文件很大的话,在加上网不是很快,需要等待好长时间,治标不治本. 功能解析: 在这里我只介绍IE与FireFox两个浏览器的不同做法. IE6: 关键

  • Javascript验证方法大全

    本文整理了关于Javascript表单验证的所有涉及到的,大家仔细阅读一定会有所收获的 //验证字符串非空 var Validator = { VerityLib: { IsNotEmpty: function (input) { if (input != '') { return true; } else { return false; } }, //验证数字(double类型) [可以包含负号和小数点] IsNumber: function (input) { var regex = /^-

随机推荐