常用前端校验

  • 验证身份证合法性

	function checkId(id){
		var flag=true;
		var reg = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
		if (!reg.test(id)) {
			layer.open({
				title : '信息',
				content : '身份证号不符合规则'
			});
			flag=false;
		}
		return flag;
	}
  • 验证手机号合法性

    var value = $("#test").val();
	var reg = reg = /^[1][3,4,5,7,8][0-9]{9}$/;
	if (reg.test(value) == false) {
		layer.open({
			title : '信息',
			content : '手机号无效'
		});
		$("#test").css("border-color", "red");
		return;
	}
  • 判断字符串是否为空

var TestDemo= {};
TestDemo.isEmpty = function(data) {
	return data == null || data == undefined || data == "";
}
  • 验证文本框内容为空

var TestDemo= {};
TestDemo.hasNullInput = function(select){
		var validate = true;
		$(select).each(function() {
			$(this).parent().removeClass("has-error");
			if ($(this).val() == "") {
				$(this).parent().addClass("has-error");
				validate = false;
			}
		});
		
		if (!validate) {
			layer.msg('请输入非空输入项', {icon : 0});
		}
		return !validate;
}
  • 验证内容长度为指定

var id4 = $("#test").val();
var reg =  /^[0-9A-Za-z]{15,20}$/ ;
if(!reg.test(id4)){
	layer.open({
		title : '信息',
		content : 'XXX长度应为15位到20位'
	});
	$("#test").css("border-color", "red");
	return;
}	

 

你可能感兴趣的:(前端)