這篇文章為大家分享了12個常用的js表單驗證正則表達式,對于開發人員來說,正則表達式是一個非常有用的功能,它提供了 查找,匹配,替換 句子,單詞,或者其他格式的字符串,需要的朋友可以參考下
在這篇文章里,我已經編寫了12個超有用的正則表達式,這可是WEB開發人員的最愛哦。
1.在input框中只能輸入金額,其實就是只能輸入最多有兩位小數的數字
- //第一種在input輸入框限制
- <input type="text" maxlength="8" class="form-control" id="amount" style="margin-right: 2px;" value="" onChange="count();" onkeyup="if (this.value==this.value2) return; if (this.value.search(/^/d*(?:/./d{0,2})?$/)==-1) this.value=(this.value2)?this.value2:'';else this.value2=this.value;">元
- //第二種對于表單動態增加的方式,只能在js方法中驗證。
- var amount=$("#amount").val();
- if (amount.search(/^/d*(?:/./d{0,2})?$/)==-1) {
- alert("金額格式不對,最多有兩位小數");
- return false;
- }
2.驗證郵箱格式
- var reg=//w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*/;
- var email=$("#email").val();
- if(!reg.test(email) ){
- alert("請輸入符合規范的郵箱賬號!");
- return false;
- }
3.密碼采用數字、字母、特殊字符且長度為8-20位
- function validatePwd(str) {
- if (/^.*?[/d]+.*$/.test(str) && /^.*?[A-Za-z]/.test(str)
- && /^.*?[~/`!@#$%^&*()_+|{}?;:></-/]//[//].*$/.test(str) && /^.{8,20}$/.test(str)) {
- return true;
- }
- return false;
- }
4.驗證電話號碼
- /**
- * 驗證電話號碼
- * @param phoneValue 要驗證的電話號碼
- * @returns 匹配返回true 不匹配返回false
- */
- function validatePhone(phoneValue) {
- phoneValue = valueTrim(phoneValue);
- var reg = /^[1][0-9]{10}$/;
- return reg.test(phoneValue);
- }
5.判斷是否是漢字
- /**
- * 判斷是否是漢字
- *
- * @param charValue
- * 要驗證的數據
- * @returns 匹配返回true 不匹配返回false
- */
- function isCharacter(charValue) {
- var reg = /^[/u4e00-/u9fa5]{0,}$/;
- return reg.test(charValue);
- }
6.是否為字母:true:是,false:不是
- function isChar(charValue){
- var charPattern=/^[a-zA-Z]*$/; //是否為字母
- result=charPattern.test(charValue);
- return result;
- }
7.判斷是否為數字
- function isNum(numValue){
- var numPattern=/^/d*$/; //數字的正則表達式
- result=numPattern.test(numValue);
- return result;
- }
8.整數的正則表達式
- function isInt(intValue){
- var intPattern=/^0$|^[1-9]/d*$/; //整數的正則表達式
- result=intPattern.test(intValue);
- return result;
- }
9.是否為字母和數字
- function isCharNum(flagValue){
- var flagPattern=/^[a-zA-Z0-9]*$/; //是否為字母和數字
- result=flagPattern.test(flagValue);
- return result;
- }
10.檢驗18位身份證號碼
- /**
- * 檢驗18位身份證號碼(15位號碼可以只檢測生日是否正確即可,自行解決)
- *
- * @param idCardValue
- * 18位身份證號
- * @returns 匹配返回true 不匹配返回false
- */
- function idCardVildate(cid) {
- var arrExp = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];// 加權因子
- var arrValid = [ 1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2 ];// 校驗碼
- var reg = /^[1-9]/d{5}[1-9]/d{3}((0/d)|(1[0-2]))(([0|1|2]/d)|3[0-1])/d{3}([0-9]|X)$/;
- if (reg.test(cid)) {
- var sum = 0, idx;
- for (var i = 0; i < cid.length - 1; i++) {
- // 對前17位數字與權值乘積求和
- sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
- }
- // 計算模(固定算法)
- idx = sum % 11;
- // 檢驗第18為是否與校驗碼相等
- return arrValid[idx] == cid.substr(17, 1).toUpperCase();
- } else {
- return false;
- }
- }
11.驗證15位數身份證號碼中的生日是否是有效生日
- function isValidityBrithBy15IdCard(idCard15) {
- var year = idCard15.substring(6, 8);
- var month = idCard15.substring(8, 10);
- var day = idCard15.substring(10, 12);
- var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
- // 對于老身份證中的你年齡則不需考慮千年蟲問題而使用getYear()方法
- if (temp_date.getYear() != parseFloat(year)
- || temp_date.getMonth() != parseFloat(month) - 1
- || temp_date.getDate() != parseFloat(day)) {
- return false;
- } else {
- return true;
- }
- }
12.驗證18位數身份證號碼中的生日是否是有效生日
- function isValidityBrithBy18IdCard(idCard18) {
- var year = idCard18.substring(6, 10);
- var month = idCard18.substring(10, 12);
- var day = idCard18.substring(12, 14);
- var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
- // 這里用getFullYear()獲取年份,避免千年蟲問題
- if (temp_date.getFullYear() != parseFloat(year)
- || temp_date.getMonth() != parseFloat(month) - 1
- || temp_date.getDate() != parseFloat(day)) {
- return false;
- } else {
- return true;
- }
- }
這就是小編整理的web開發中常用的表單驗證的正則表達式,希望大家喜歡。
新聞熱點
疑難解答