js输入框正则验证,各种限制
2021/4/17 10:27:12
本文主要是介绍js输入框正则验证,各种限制,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 只能输入中文、数字和英文(即过滤特殊字符串|:
function checkUsername() { //正则表达式 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$"); //获取输入框中的值 var username = document.getElementById("username").value.trim(); //判断输入框中有内容 if(!reg.test(username)) { alert("请输入中文、数字和英文!"); //输入非法字符,清空输入框 $("#username").val(""); } }
2. 去除字符串前后空格
const triml = (str) => { return str.replace(/^[\s\n\t]+/g, ""); } const trimr = (str) => { return str.replace(/[\s\n\t]+$/g, ""); } // 字符串去除前后空格 const trim = (str) => { return trimr(triml(str)) }
3. 验证邮箱
const isEmail = function (email) { return email.length > 6 && /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(email); }
//验证身份证 vali.issfzok = function (str) { if ("" == str) { return false; } if (str.length != 15 && str.length != 18) { //身份证长度不正确 return false; } if (str.length == 15) { if (!isNumber(str)) { return false; } } else { str1 = str.substring(0, 17); str2 = str.substring(17, 18); alpha = "X0123456789"; if (!isNumber(str1) || alpha.indexOf(str2) == -1) { return false; } } return true; }
// 校验座机号 和传真 优先使用 isTel = function (s) { var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/; var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; return (!patrn.exec(s)) ? false : true; } //验证座机号 isPhone = function (inpurStr) { var partten = /^0(([1,2]\d)|([3-9]\d{2}))\d{7,8}$/; if (partten.test(inpurStr)) { return true; } else { return false; } } //验证手机号 isMobile = function (inputString) { var partten = /^1[3,4,5,6,7,8,9]\d{9}$/; var fl = false; if (partten.test(inputString)) { return true; } else { return false; } }
这篇关于js输入框正则验证,各种限制的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist