html5表单pattern属性配合正则验证手机号码,身份证

2023-09-23 22:47| 来源: 网络整理| 查看: 265

pattern="[1]+[3456789]+\d{9}"

html5表单自带的表单验证规则身份证，手机号

html5表单验证之前一直不知道怎么自定义提示信息，今天看到了资料就记录一下，也把经常要用到的html5表单验证记录一下。

setCustomValidity() html5内置的js方法，自定义提示信息oninvalid 提交的input元素的值为无效值时，触发oninvalid事件、

姓名：

密码：

身份证号：

手机号码：

注：这里设置了oninvalid 和oninput容易出错，如果第一次输入错误之后就会一直提示错误，哪怕输入是正确的

邮箱：

时间：

网址：

身份证：;; 身份证：;;

// 第一种方式对悬浮窗的设置 function validatelt(inputelement,err){ if(inputelement.validity.patternMismatch){ inputelement.setCustomValidity(err);

}else{ inputelement.setCustomValidity(""); return true; } }

常用的正则表达式

pattern=" [\u4e00-\u9fa5]" //只匹配中文 pattern="/^\d{6,}$/" // 密码必须是6位数字以上 pattern="/^[a-zA-Z_]\w{5,}$/" // 6位字母组成不能数字开头

只能输入中文：

只能输入英文:

文本框只能输入数字代码(小数点也不能输入):

只能输入数字,能输小数点:

方法一：方法二：方法三：

只能输入数字和英文:

只能输入字母和中文:

只能输入字母和数字:

【本文地址】

今日新闻