`
xp_p
  • 浏览: 4703 次
社区版块
存档分类
最新评论

常用js验证数据的有效性

js
阅读更多 
$(function() {
	$("input[name =companyname]").blur(function(){
		var str = $("#companyname").val();
	    var patn = /^([\u4e00-\u9fa5]|[A-Za-z]|[0-9])+$/;
	    var path=$("#path").val();
	    if (str.length < 4 || str.length > 30) {
	    	showInfo($("#companyname_msg"),'公司名称必须为4-30个字符','err');
	    	$("#is_companyname").val("0");  
	    }
	    else if (!patn.test(str)) {
	    	showInfo($("#companyname_msg"),'公司名称不能含特殊字符','err');
	    	$("#is_companyname").val("0"); 
	    } else if (IsEnglishCharacterValedate(str)) {
	    	showInfo($("#companyname_msg"),'公司名称不能为纯英文','err');
	    	$("#is_companyname").val("0"); 
	        return false;
	    }
	    /*验证是否数字*/
	    else if (IsNumCharacterValedate(str)) {
	    	showInfo($("#companyname_msg"),'公司名称不能为纯数字','err');
	    	$("#is_companyname").val("0"); 
	    }
	    else {
	    	showInfo($("#companyname_msg"),"<img src='"+path+"/images/success.png'/>",'ok');  
			$("#is_companyname").val("1"); 
	    }
	});
	$("input[name =username]").blur(function() {
		var path=$("#path").val();
		var v = $("input[name =username]").val();
	       len=v.replace(/[^\x00-\xff]/g, 'xx').length,  
	       isName=/[^\u4e00-\u9fa50-9a-zA-Z]/ig.test(v),  
	       isNum=/^\d+$/.test(v);  
	    var o=$("#user_name");  
	    if(!v){  
	        showInfo($("#username_msg"),'用户名不能为空','err');
	        $("#is_username").val("0");
	        return false;
	    }else if(len<6||len>20){  
	        showInfo($("#username_msg"),'用户名长度为6-20个字符','err');  
	        $("#is_username").val("0");
	        return false;
	    }else if(isNum){  
	        showInfo($("#username_msg"),'用户名不能以纯数字组成','err');  
	        $("#is_username").val("0");    
	        return false;
	    }else if(isName){  
	        showInfo($("#username_msg"),'用户名不能有特殊字符存在','err');  
	        $("#is_username").val("0");    
	        return false;
	    }
		$.ajax({
			type : "get",
			url : path + "/supplier/getName", // 请求路径
			data : "name=" + v, // 传参
			cache : false,
			dataType : "text",
			success : function(msg) {
				if (msg == "ok") {
					showInfo($("#username_msg"),"<img src='"+path+"/images/success.png'/>","ok");  
					$("#is_username").val("1");    
				} else {
					 showInfo($("#username_msg"),'系统内已存在相同用户名','err');  
					 $("#is_username").val("0");    
				}
			},
			error : function(XMLResponse) {
				alert("错误");
			}
		});
		/*}else{
			
		}*/
	});
	$("input[name=password]").keyup(function(){
		var path=$("#path").val();
		var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
	     var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
	     var enoughRegex = new RegExp("(?=.{6,}).*", "g");
	     $('#password_img').css("display","block");
	     if (false == enoughRegex.test($(this).val())) {
             $('#password_img').attr("src",path+"/images/1.jpg");
             showInfo($("#password_msg"),'密码位数不够','err');
             $("#is_userpass").val("0");    
	     }else if(IsEnglishCharacterValedate($(this).val())){ 
	    	 $('#password_img').attr("src",path+"/images/1.jpg");
	    	 showInfo($("#password_msg"),'密码不能为纯英文','err');
             $("#is_userpass").val("0");
	     }else if(IsNumCharacterValedate($(this).val())){
	    	 $('#password_img').attr("src",path+"/images/1.jpg");
	    	 showInfo($("#password_msg"),'密码不能为纯数字','err');
             $("#is_userpass").val("0");
	     }else if (strongRegex.test($(this).val())) {
	    	 $('#password_img').attr("src",path+"/images/4.jpg");
	    	 showInfo($("#password_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	 $("#is_userpass").val("1");    
	     } else if (mediumRegex.test($(this).val())) {
	    	 $('#password_img').attr("src",path+"/images/3.jpg");
	    	 showInfo($("#password_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	 $("#is_userpass").val("1");    
	     } else {
	    	 $('#password_img').attr("src",path+"/images/2.jpg");
	    	 showInfo($("#password_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	 $("#is_userpass").val("1");    
	     }
	     return true;
	});
	//检查二次密码
	$("input[name=password2]").blur(function(){
		var path=$("#path").val();
		if($('#password').val() != $('#password2').val()){  
			showInfo($("#password2_msg"),'两次密码不相同','err');  
			$("#is_userpass2").val("0");
			return false;
	    }else if($('#password2').val()==""){
	    	showInfo($("#password2_msg"),'请再次确认密码','err');
	    	$("#is_userpass2").val("0");  
	    	return true;
	    }else{
	    	showInfo($("#password2_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	$("#is_userpass2").val("1");
	    	return true;
	    }
	});
	//检查身份证
	$("input[name =idcard]").blur(function(){
		var path=$("#path").val();
		var idcard=$("#idcard").val();
		var bo=/^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d|X)?$/.test(idcard);
		var year = idcard. substr(6,4);
		var month = idcard. substr(10,2);
		var day = idcard. substr(12,2);
		if(bo==false||month>12||day>31){
			showInfo($("#idcard_msg"),'请填写正确身份证号码','err'); 
			$("#is_idcard").val("0");  
			return false;
		}
		else{
			 showInfo($("#idcard_msg"),"<img src='"+path+"/images/success.png'/>",'ok');  
			 $("#is_idcard").val("1");  
		}
	});
	//检查手机
	$("input[name =mobile]").blur(function(){
		var path=$("#path").val();
		var v = $("#mobile").val();  
	    var o = $("#mobile");  
	    isBirthdate= /^1[0-9][0-9]\d{4,8}$/.test(v);  
	    if(isBirthdate == 0){
	        showInfo($("#mobile_msg"),'请填写正确的手机号码','err');  
	        $("#is_phone").val("0");  
	    }  
	    else{  
	        showInfo($("#mobile_msg"),"<img src='"+path+"/images/success.png'/>",'ok');  
	        $("#is_phone").val("1");  
	    } 
	});
	//检查联系人
	$("input[name =linkman]").blur(function(){
		var path=$("#path").val();
		var name=$("#linkman").val();
		var reg = /^[\u4e00-\u9fa5a-z][\u4e00-\u9fa5a-z0-9_]*$/i;
		var name_Flag = reg.test(name);
		if(name_Flag){
			showInfo($("#linkman_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
			$("#is_linkman").val("1");  
		}else{
			showInfo($("#linkman_msg"),'姓名只能是英文、汉字、数字','err');  
			$("#is_linkman").val("0");  
		}
	});
	//检查邮编
	$("input[name=postcode]").blur(function(){
		var str = $("#postcode").val();
	    var pattern = /^[0-9]{6}$/;
	    if (!pattern.test(str)){
	    	showInfo($("#postcode_msg"),'邮编只能是6位数字','err');  
			$("#is_postcode").val("0");  
	    	return false;
	    }else{
	    	showInfo($("#postcode_msg"),'通过验证','ok');
			$("#is_postcode").val("1");  
	    	return true;	
	    }
	    
	});
	//检查地址
	$("input[name=address]").blur(function(){
		var str =$("#address").val();
		var path=$("#path").val();
	    var patn = /^([\u4e00-\u9fa5]|[A-Za-z]|[0-9])+$/;
	    if (str.length < 4 || str.length > 50) {
	    	showInfo($("#address_msg"),'地址必须为4-50个字符','err');  
			$("#is_address").val("0");
	    }
	    else if (IsNumCharacterValedate(str)) {
	    	showInfo($("#address_msg"),'公司地址不能为纯数字','err');
	    	$("#is_address").val("0");
	    }
	    else if (!patn.test(str)) {
	    	showInfo($("#address_msg"),'地址不能包含特殊字符','err');  
			$("#is_address").val("0");
	    } else {
	    	showInfo($("#address_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
			$("#is_address").val("1");
	    }
	});
	//检查email
	$("input[name =email]").blur(function(){
		var path=$("#path").val();
		var v = $("#email").val();
	    var o = $("#email");
	    isEmail=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(v); 
	    if(isEmail==false){
	        showInfo($("#email_msg"),'邮件地址格式输入错误','err');
	        $("#is_email").val("0");
	        return false;
	    }else{
	    	showInfo($("#email_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	$("#is_email").val("1");
	    }
	});
	//检查公司号码
	$("input[name =companyphone]").blur(function(){
		var path=$("#path").val();
		var number=$("#companyphone").val();
		var isMobile=/^(?:1\d{2})\d{5}(\d{3}|\*{3})$/;   
		var isPhone=/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
		if(!isMobile.test(number) && !isPhone.test(number)){
	        showInfo($("#companyphone_msg"),'请正确填写电话号码<br>例如:13101234567或021-12345678','err');  
	        $("#is_companyphone").val("0");  
        }else{
        	showInfo($("#companyphone_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	$("#is_companyphone").val("1");  
        }
	});
	
	//检查qq
	$("input[name=qq]").blur(function(){
		var path=$("#path").val();
		var qq=$("#qq").val();
		if(!IsNumCharacterValedate(qq)){
			showInfo($("#qq_msg"),"QQ号应为纯数字",'err');
	    	$("#is_companyphone").val("0");  
		}else{
			showInfo($("#qq_msg"),"<img src='"+path+"/images/success.png'/>",'ok');
	    	$("#is_qq").val("1");
		}
	});
});
function check_step_1(){
	$("input[name=password2]").blur();
	var path=$("#path").val();
	var username=$("#is_username").val();
	var userpass=$("#is_userpass").val();
	var userpass2=$("#is_userpass2").val();
	var yzm=$("#is_yzm").val();
	if(username=="0"){
		$("#username").focus();
		return false;
	}else if(userpass=="0"){
		$("#password").focus();
		return false;
	}else if(userpass2=="0"){
		$("#password2").focus();
		return false;
	}else if(yzm=="0"){
		$("#yzm").focus();
		return false;
	}else{
		form.submit();
	}
}
function check_step_2(){
	var companyname=$("#is_companyname").val();
	var companyphone=$("#is_companyphone").val();
	var linkman=$("#is_linkman").val();
	var address=$("#is_address").val();
	var mobile=$("#is_phone").val();
	var qq=$("#is_qq").val();
	var email=$("#is_email").val();
	var tiaokuan=$("#bawangtiaokuan").attr("checked");
	if(companyname=="0"){
		$("#companyname").focus();
		return false;
	}else if(companyphone=="0"){
		$("#companyphone").focus();
		return false;
	}else if(linkman=="0"){
		$("#linkman").focus();
		return false;
	}else if(address=="0"){
		$("#address").focus();
		return false;
	}else if(mobile=="0"){
		$("#mobile").focus();
		return false;
	}else if(qq=="0"){
		$("#qq").focus();
		return false;
	}else if(email=="0"){
		$("#email").focus();
		return false;
	}else if(!tiaokuan){
		alert("请仔细阅读并同意注册条款");
		return false;
	}else{
		form.submit();
	}
}
function showInfo(o, m, s) {
	var s = s || "";
	switch (s) {
	case "err":
		o.html(m).removeClass("ok").show().addClass(s);
		var input_o=o.attr("id").replace("_msg","");
		$("#"+input_o).addClass("input_err").show();
		break;
	case "ok":
		o.html(m).removeClass("err").show();
		var input_o=o.attr("id").replace("_msg","");
		$("#"+input_o).removeClass("input_err").show();
		break;
	default:
//		o.html(m).removeClass("err ok").show().addClass(s);
		break;
	}
}
function checkyzm(){
	var path=$("#path").val();
	var check="";
	var check_local=$("#yzm").val();
	if(check_local==""){
		showInfo($("#yzm_msg"),"请输入验证码",'err');
		$("#is_yzm").val("0");
	}else{
		$.ajax({
			url:path+"/supplier/getCheck",
			type:"get",
			cache : false,
			dataType : "text",
			success:function(data){
				check=data;
				if(check_local.toUpperCase()==check){
					showInfo($("#yzm_msg"),"<img src='"+path+"/images/success.png'/>",'ok');  
					$("#is_yzm").val("1");
				}else{
					showInfo($("#yzm_msg"),"验证码不正确",'err');
					$("#is_yzm").val("0");
				}
			}
		});
	}
}
function change() {
	var path = $("#path").val();
	$("#image").attr("src", path+"/images/yanzhengma/image.jsp");
}
/*验证是否全英文*/
function IsEnglishCharacterValedate(strin) {
    var patrn = /^[A-Za-z]+$/;
    if (!patrn.exec(strin)) return false;
    return true;
}
/*验证是否全数字*/
function IsNumCharacterValedate(strin) {
    var patrn = /^[0-9]+$/;
    if (!patrn.exec(strin)) return false;
    return true;
}
分享到：
| 配置Spring MVC
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    常用表单数据验证JS

    2. **JavaScript验证**： - **事件监听**：通常使用`onsubmit`事件来触发表单验证，在表单提交时执行验证函数。 - **DOM操作**：通过`document.getElementById`、`querySelector`等获取表单元素，然后读取或修改其...

    JAVASCRIPT常用格式验证 数据安全验证之正则表达式 大全.rar

    正则表达式（Regular Expression）是JavaScript中进行文本模式匹配的重要工具，用于验证用户输入数据的合法性，确保数据的安全性和准确性。本资源"JAVASCRIPT常用格式验证 数据安全验证之正则表达式大全"显然是一个...

    js常用注册验证

    在实际开发过程中，为了确保用户输入的有效性和安全性，开发者通常会利用JS进行前端验证。以下将详细介绍这些验证方法及其背后的技术原理。 ### 姓名验证 在用户注册时，系统通常会要求用户输入姓名，并对其进行...

    javascript常用语句 js简单验证 js

    在JavaScript编程中，常见语句和简单的验证是创建交互式网页和确保用户输入数据有效性的基础。本话题将深入探讨JavaScript中的关键语句以及如何进行简单的表单验证。 1. **条件语句**：在上述代码中，可以看到`if.....

    常用javascript验证功能

    在网页表单处理中，JavaScript验证功能扮演着重要角色，它可以在数据提交到服务器之前对用户输入进行检查，确保数据的有效性和安全性。下面我们将深入探讨"常用javascript验证功能"，包括取keycode大全、日期格式化...

    常用的js验证 身份证 汉字 数字 电话号码

    总的来说，JavaScript验证技术在前端开发中起着至关重要的作用，帮助我们确保用户提交的数据有效且安全。通过对身份证、汉字、数字和电话号码的验证，我们可以构建更健壮、更安全的应用程序，提供更好的用户体验。

    常用正则表达式集锦 js常用正则验证

    - **应用场景**: 网址链接的有效性验证。 #### 21. 电话号码验证：“^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$” - **含义**: 匹配电话号码，包括区号和分机号。 - **应用场景**: 验证用户提供的电话号码格式是否正确。 ...

    JavaScript最常用数据验证合集，程序员实战总结！

    这个"JavaScript最常用数据验证合集"是程序员通过实战经验积累下来的宝贵资料，旨在帮助开发者更高效、准确地进行数据验证。 数据验证是确保用户输入符合预设规则的关键步骤，它可以防止错误的数据进入系统，提升...

    js实时动态验证表单是否合法

    这种即时验证技术通过监听用户的输入事件，实时检查表单字段的值，确保数据的有效性和格式正确性。 1. **基本验证规则** - **非空验证**：检查用户是否填写了必填字段。 - **长度验证**：限制输入字符或数字的...

    js常用的验证提示（javascript）

    根据提供的文件信息，我们可以总结出一系列与JavaScript验证相关的知识点，主要涵盖了常见的表单验证方法、字符限制、格式检查等实用技巧。以下是对这些知识点的详细解释： ### 1. 验证是否选择了单选按钮 在提供...

    javascript 常用验证函数.doc

    本文将详细介绍JavaScript中的一些常用验证函数，这些函数对于确保用户输入的有效性和提高用户体验至关重要。 一、验证类 1. 数字验证： - 整数验证：`/^(-|\+)?\d+$/.test(str)`，该正则表达式用于检查字符串...

    非常实用的常用js验证

    在Web开发中，前端验证是确保用户输入数据有效性的关键步骤之一。JavaScript作为一种广泛使用的客户端脚本语言，提供了多种方法来实现这些验证功能。本文将详细介绍一组常用的JavaScript验证函数及其应用场景。 ###...

    javascript常用验证方法

    这些验证方法主要针对电话号码、邮政编码、身份证号码、手机号码以及电子邮件地址等常见的数据格式进行有效性检查。 ### 1. 正则表达式基础 在JavaScript中，正则表达式是一种用于匹配字符串模式的强大工具。通过...

    JavaScript常用验证脚本总结

    这篇博客“JavaScript常用验证脚本总结”提供了一些在实际开发中常用的JavaScript验证技术，帮助开发者确保用户输入的数据符合预期格式和要求，提高应用程序的安全性和用户体验。以下是关于这个主题的详细知识点： ...

    js几种常用表单验证控件

    在网页开发中，表单验证是必不可少的一部分，它确保用户输入的数据符合预设的规则，从而提高数据质量，减少服务器端的压力。...理解这些控件和方法，可以有效地提高用户体验，确保数据的有效性和安全性。

    js javaScript 验证校验小工具包

    这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...

    javascript常用的页面验证

    以下是一些常用的JavaScript验证方法： 1. **验证是否为空** 这个函数`check_blank`用于检查输入框（`obj`）的值是否为空。如果为空，它会弹出警告提示，并将输入框的值清空。这通常用于必填字段的验证。 ```...

    json数据验证的神器

    "json数据验证的神器"指的是能够帮助开发者有效检查和验证JSON数据准确性的工具，这类工具通常具有可视化界面，可以清晰地展示JSON结构，便于理解和调试。 本文将详细介绍JSON数据验证的重要性、常用的验证方法以及...

    一个js验证表单

    在网页设计中，用户输入的数据需要经过验证以确保其有效性和安全性。JavaScript是一种常用的客户端脚本语言，它允许我们在用户的浏览器上运行代码，对用户提交的数据进行实时验证，避免无效或恶意的数据发送到服务器...

    javascript常用数据校验正则表达式

    "javascript常用数据校验正则表达式"这个主题涉及到的是在前端开发中如何使用正则来验证用户输入的数据，确保其格式正确性。下面将详细讨论JavaScript中正则表达式的常见用法以及`validate.js`这个文件可能包含的...

Magicbox
Global site tag (gtag.js) - Google Analytics