常用前端校验

Dear 丶 2024-04-18 10:43 78阅读 0赞

*  ### 验证身份证合法性 ###

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;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关常用前端校验

* 验证身份证合法性 function checkId(id){ var flag=true; var reg = /^(\d{1...

Dear 丶/ 2024年04月18日 10:43/ 0 赞/ 79 阅读

相关 springboot 常用参数校验

一、个人理解 springboot 默认集成的参数校验也是javax.validation，其实只是对以前javax.validation、hibernate valida

妖狐艹你老母/ 2023年08月17日 17:06/ 0 赞/ 145 阅读

相关前端Vue中常用rules校验规则

前提 > 在 wEB前端开发中，难免遇到各种表单校验，这里整理了一些校验方法。如果错误欢迎指出 1、是否合法IP地址 export function va

傷城~/ 2023年01月17日 10:59/ 0 赞/ 306 阅读

相关前端Vue中常用rules校验规则

[前端Vue中常用rules校验规则][Vue_rules] 比较好用的js工具类，记录一下 [Vue_rules]: https://www.cnblogs.co

逃离我推掉我的手/ 2022年10月08日 05:40/ 0 赞/ 158 阅读

相关前端常用轮子

置顶React UI 组件库 Ant Design ：https://ant.design/ React Bootstrap： https://react-bootst

ゞ浴缸里的玫瑰/ 2022年09月15日 05:37/ 0 赞/ 162 阅读

相关【总结】前端常用60余种校验类工具方法

![d55b25a72bf92d293c859803164fd8ce.png][] 工欲善其事必先利其器，前端开发有时会处理一部分后台返回的数据或者根据数据判断做一些处理，这

曾经终败给现在/ 2022年09月09日 12:43/ 0 赞/ 159 阅读

相关前端校验

前端校验前端校验地位各校验方式的比较（from:[http://www.openwebx.org/docs/Webx3\_Guide\_Book.html

清疚/ 2022年07月12日 14:59/ 0 赞/ 212 阅读

相关前端常用知识

一.选择器选取某个元素的所有指定标签子元素：$("\id > div") 选取id为id的元素所有的div 选取某个元素所有的指定标签元素：$("\i

我不是女神ヾ/ 2022年05月06日 05:28/ 0 赞/ 197 阅读

相关 Hibernate-validate 校验常用注解

校验规则： @NotBlank(message =) 判断字符串是否为 null 或者是空串(去掉首尾空格) @NotEmpty ：判断字符串是否 null 或者是空串

蔚落/ 2022年02月15日 15:49/ 0 赞/ 333 阅读

相关常用正则表达式校验

/ 各种正则表达式 mobile 手机号 email 电子邮箱 password 密码【6-20位】

柔光的暖阳◎/ 2021年07月26日 13:57/ 0 赞/ 771 阅读