用jquery做表单验证
来源:互联网 发布:主流网管软件都有啥 编辑:程序博客网 时间:2024/06/08 06:13
下面是整个jquery验证的代码:
$(function() {var flag = true;//判断是否通过验证的标识var regex = new RegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/);//emial正则验证表达式var message = "emial 格式不正确";var rnick = new RegExp(/\w{6,}/);//昵称正则验证表达式var mnick = "昵称不能少于六个字母";var rpwd = new RegExp(/\w{6,}/);//密码正则验证表达式var mpwd = "密码不能少于六位数";$("#registerBtn").click(function() {//提交按钮注册点击事件 verification($("#email"), regex, message, $("#email_prompt"));//emial验证 verification($("#nickName"), rnick, mnick, $("#nickName_prompt"));//昵称验证 verification($("#pwd"), rpwd, mpwd, $("#pwd_prompt"));//密码验证 var f = false;//密碼重複驗證 var value = $("#repwd").val(); $("#pwd").val() && value != null ? f = true : f = false; var data = "两次输入密码不一致"; if (f == false) { $("#repwd_prompt").html(data); $("#repwd_prompt").css("color", "red"); flag = false; } else { flag = true; } $("#repwd").focus(function() { $("#repwd_prompt").hide(); });return flag;});function verification(n, regex, message, m) {//驗證函數 n传入选定的输入框的元素 regex传入正则表达式 message表示 //显示在输入框后的提示信息 m表示提示框 var value = n.val(); if (!regex.test(value)) { m.html(message); m.css("color", "red"); flag = false; } else { flag = true; } n.focus(function() {//当重新获得焦点输入时隐藏提示 m.hide(); });}
});
表单验证运行后的效果
阅读全文
1 0
- 用jquery做表单验证
- 用jquery做表单验证
- 自已做一个简单jQuery表单验证
- 用angular做表单验证
- 用jquery进行表单验证
- (一)jquery做ajax表单提交以及字段验证
- 【jQuery】利用表单的序列化根据name取表单,做表单的验证
- JQuery EasyUI表单-表单验证
- 用jquery.validate.js验证表单
- 怎么用jQuery进行表单验证
- WEB前台用jQuery实现表单验证
- html用JQuery自定义表单验证。
- 用jQuery实现简单的表单验证
- jquery 表单验证插件
- JQuery验证表单例子
- jQuery对表单验证
- jquery表单验证插件
- jquery表单验证
- lintcode-合并两个排序链表
- elasticsearch实用篇之head工具安装以及使用
- 1189: [HNOI2007]紧急疏散evacuate
- 使用idea 配置运行 activiti-explorer 5.22.0版 maven工程
- Windows PowerShell 实战指南-动手实验-9.8
- 用jquery做表单验证
- OpenCV-图像混合
- 士兵杀敌(三)
- 第一章:1.1.3 典型信号
- 欢迎使用CSDN-markdown编辑器
- Python笔记01
- 全面理解SSD和NAND Flash
- 线程调度例子
- for循环与while循环/do...while循环