作为一名程序员,在解决工作中遇到问题之后,做一些总结是有必要的,既方便总结温习相关知识点,也为广大的程序员提供了一些工作经历,给予同行一面明鉴.
html部分:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>formValidator</title> <script src="js/jquery-1.11.1.js"></script> <script src="js/formValidator-4.0.1.min.js"></script> <script src="js/DateTimeMask.js"></script> <script src="js/formValidatorRegex.js"></script> <link rel="stylesheet" href="css/validator.css"> <style> form{ width: 500px; margin: 100px auto; } table tr td:first-child{ text-align: right; } table tr td{ padding: 5px 0; } div{ margin-left: 10px; padding: 0 10px; } </style> </head> <body> <form name="myfm" id="myfm" action="1.html"> <table> <tbody> <tr> <td><label for="uname">用户名:</label></td> <td><input type="text" id="uname" name="uname"/></td> <td><div id="unameTip"></div></td> </tr> <tr> <td><label for="pwd">密码:</label></td> <td><input type="password" id="pwd" name="pwd"/></td> <td><div id="pwdTip"></div></td> </tr> <tr> <td><label for="repwd">重复密码:</label></td> <td><input type="password" name="repwd" id="repwd"/></td> <td><div id="repwdTip"></div></td> </tr> <tr> <td><label>性别:</label></td> <td> <input type="radio" name="sex" value="male" id="male"/> <label for="male">男</label> <input type="radio" name="sex" value="female" id="female"/> <label for="female">女</label> </td> </tr> <tr> <td><label for="area">地区:</label></td> <td> <select name="area" id="area"> <option value="0">- 请选择 -</option> <option value="1">锦江区</option> <option value="2">金牛区</option> <option value="3">龙泉驿区</option> <option value="4">青羊区</option> </select> </td> </tr> <tr> <td><label for="num">身份证:</label></td> <td><input type="text" id="num" name="num"/></td> <td><div id="numTip"></div></td> </tr> <tr> <td><label for="phone">电话号码:</label></td> <td><input type="text" name="phone" id="phone"/></td> <td><div id="phoneTip"></div></td> </tr> <tr> <td><label for="email">邮箱:</label></td> <td><input type="text" name="email" id="email"/></td> <td><div id="emailTip"></div></td> </tr> <tr> <td></td> <td><input type="submit" name="submit" id="submit" value="提交"/></td> <td></td> </tr> </tbody> </table> </form> <script> $.formValidator.initConfig({ //用于配置当前formValidator插件 formID:"myfm", debug:false, submitOnce:true, validatorGroup : '1', //设置验证组,默认值为1 onSuccess : function(){ //验证成功后的回调函数 }, onError:function(){ //验证失败后的回调函数 } }); $('#uname').formValidator({ ValidatorGroup : '1', //验证组为1 onEmpty : '用户名不能为空', //提示用户名不能为空 onShow : "", onFocus : '用户名必须为1到12位的数字或字母',//表单元素获得焦点的时候提示应输入的格式 onCorrect : '用户名输入正确' //输入正确的提示 }) .regexValidator({ regExp : '^[0-9a-zA-Z]{1,12}$', //验证表单输入的正则表达式 onError : '用户名格式有误,请从新输入' //输入错误的提示 }) .ajaxValidator({ //验证输入的用户名是否已经存在 dataType : 'html', //请求数据的格式 async : true, //异步方式 url : 'test.php', success : function(data){ if (data=='false') { return false; }else{ return true; } }, onError : '该用户名已存在,请从新输入', onWait : '正在对用户名进行合法性校验,请稍候...' }); $('#pwd').formValidator({ ValidatorGroup : '1', onEmpty : '密码不能为空', onShow : "", onFocus : '密码必须为6位以上的字母或数字', onCorrect : '密码输入正确' }) .regexValidator({ regExp : '[0-9a-zA-Z]{6,}', onError : '密码格式有误,请从新输入' }); $('#repwd').formValidator({ ValidatorGroup : '1', onEmpty : '密码不能为空', onShow : "", onFocus : '密码必须为6位以上的字母或数字', onCorrect : '密码输入正确' }) .regexValidator({ regExp : '^[0-9a-zA-Z]{6,}$', onError : '密码格式不正确' }) .compareValidator({ //比较两次输入内容是否符合下面给出的比较符号 desID : 'pwd', //相比较的表单元素的ID值 operateor : '=', //要比较的两个元素之间的关系 onError : '两次密码输入不一致,请从新输入' //不满足以上关系的时候的提示 }); $('#num').formValidator({ ValidatorGroup : '1', onEmpty : '身份证不能为空', onShow : '', onFocus : '请输入您的身份证号', onCorrect : '身份证格式正确' }).regexValidator({ regExp : '^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{4}$', //15位身份证号码的正则表达式/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/ onError : '身份证格式有误,请从新输入' }); $('#phone').formValidator({ ValidatorGroup : '1', onEmpty : '手机号码不能为空', onShow : '', onFocus : '请输入您的手机号码', onCorrect : '手机号码格式正确', }) .regexValidator({ regExp : '^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$', onError : '手机号码格式有误,请从新输入' }); $('#email').formValidator({ ValidatorGroup : '1', onEmpty : '邮箱地址不能为空', onShow : '', onFocus : '请输入您的邮箱地址', onCorrect : '邮箱格式正确' }) .regexValidator({ regExp : '^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$', onError : '邮箱格式有误,请从新输入' }); </script> </body> </html> php部分代码: <?php header('Content-Type:html'); $name=array('Tom','ervin','Jhon'); $uname=$_REQUEST['uname']; $notexit='true'; for ($i=0; $i <3 ; $i++) { if ($uname==$name[$i]) { $notexit='false'; break; }else{ } } echo "$notexit"; ?>
以上内容是小编给大家介绍的jQuery formValidator表单验证相关知识,希望对大家有所帮助,同时感谢大家对脚本之家网站的支持。

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

本文系列在2017年中期进行了最新信息和新示例。 在此JSON示例中,我们将研究如何使用JSON格式将简单值存储在文件中。 使用键值对符号,我们可以存储任何类型的

利用轻松的网页布局:8个基本插件 jQuery大大简化了网页布局。 本文重点介绍了简化该过程的八个功能强大的JQuery插件,对于手动网站创建特别有用

核心要点 JavaScript 中的 this 通常指代“拥有”该方法的对象,但具体取决于函数的调用方式。 没有当前对象时,this 指代全局对象。在 Web 浏览器中,它由 window 表示。 调用函数时,this 保持全局对象;但调用对象构造函数或其任何方法时,this 指代对象的实例。 可以使用 call()、apply() 和 bind() 等方法更改 this 的上下文。这些方法使用给定的 this 值和参数调用函数。 JavaScript 是一门优秀的编程语言。几年前,这句话可

jQuery是一个很棒的JavaScript框架。但是,与任何图书馆一样,有时有必要在引擎盖下发现发生了什么。也许是因为您正在追踪一个错误,或者只是对jQuery如何实现特定UI感到好奇

该帖子编写了有用的作弊表,参考指南,快速食谱以及用于Android,BlackBerry和iPhone应用程序开发的代码片段。 没有开发人员应该没有他们! 触摸手势参考指南(PDF) Desig的宝贵资源


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

Dreamweaver Mac版
视觉化网页开发工具

记事本++7.3.1
好用且免费的代码编辑器

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器