1. 程式人生 > >js中使用正則表示式驗證表單欄位

js中使用正則表示式驗證表單欄位

JavaScript中對正則表示式的支援
正則表示式在JS的最大用處就是驗證表單欄位,如驗證數字,驗證郵件和驗證漢字等。
JavaScript中對正則表示式的支援是通過RegExp類實現的。你可以以如下方式建立一個正則表示式:
var regex=new RegExp("^[1-9]+\\d*$");
而驗證的方法是regex.test(str),它返回str是否符合regex的結果。

JS中正則表示式和Java中的異同。
JavaScript
1.建立:
var regex=new RegExp("^[1-9]+\\d*$");
2.驗證
return regex.test(str);
3.寫法上,要驗證字串,JS中必須把起始符號^和結束符號$寫全,否則就是包含驗證而不是全匹配驗證.除此外其它部分都是一致的.

Java
1.建立:
String regex="\\d*";
2.驗證:
return Pattern.matches(regex,text);
3.寫法上,JAVA中進行全匹配驗證不需寫全起始符號^和結束符號$.

一個完整的驗證過程

表單元素:
<input type="text" name="positiveinteger"
value="1" />

表單提交之前的驗證函式:
var positiveinteger=$("positiveinteger").value;
if(isPositiveInteger(positiveinteger)==false){
     $("positiveinteger").focus();
     $("checkMsg").innerHTML="正整數驗證不通過";
     return false;
}
else{
     $("checkMsg").innerHTML="正整數驗證通過";
}

驗證函式:
function isPositiveInteger(str){
     var regex=new RegExp("^[1-9]+\\d*$");
     return regex.test(str);
}


常用驗證函式

/**
* 正整數驗證*/
function isPositiveInteger(str){
  var regex=new RegExp("^[1-9]+\\d*$");
  return regex.test(str);
}

/**
* 負整數驗證
*/
function isNegativeInteger(str){
  var regex=new RegExp("^-{1}\\d+$");
  return regex.test(str);
}

/**
* 非負整數驗證
*/
function isNonnegativeInteger(str){
  var regex=new RegExp("^\\d+$");
  return regex.test(str);
}

/**
* 整數驗證
*/
function isInteger(str){
  var regex=new RegExp("^-?\\d+$");
  return regex.test(str);
}

/**
* 有理數驗證
*/
function isRationalNumber(str){
  var regex=new RegExp("^-?\\d+(\\.*)(\\d*)$");
  return regex.test(str);
}

/**
* 英語字母驗證
*/
function isLetter(str){
  var regex=new RegExp("^[a-zA-Z]+$");
  return regex.test(str);
}

/**
* 英數字驗證
*/
function isLetterOrInteger(str){
  var regex=new RegExp("^[a-zA-Z0-9]+$");
  return regex.test(str);
}

/**
* 郵件驗證
*/
function isEmail(str){
  var regex=new RegExp("^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$");
  return regex.test(str);
}

/**
* 漢字驗證
*/
function isCharacter(str){
  var regex=new RegExp("^[\u4E00-\u9FA5]+$");
  return regex.test(str);
}

/**
* 貨幣驗證
*/
function isCurrency(str){
  return str.search("^\\d+(\\.\\d{0,2})*$")==0;
}

相關推薦

js使用表示式驗證

JavaScript中對正則表示式的支援正則表示式在JS的最大用處就是驗證表單欄位,如驗證數字,驗證郵件和驗證漢字等。 JavaScript中對正則表示式的支援是通過RegExp類實現的。你可以以如下方式建立一個正則表示式: var regex=new RegExp("^

【PHP】PHP表示式驗證

以下內容轉載自:https://www.jb51.net/article/93375.htm 模式匹配符: \:轉義字元 例如:\b轉義了b ^:正則表示式開始符號 $:正則表示式結束符號 *:匹配前面的字元出現0次或者n次 +:匹配前面的字元出現1次或者n次 ?:匹配前面的字元出現

常用的15個表示式驗證

1 使用者名稱正則//使用者名稱正則,4到16位(字母,數字,下劃線,減號) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //輸出 true console.log(uPattern.test("caibaojian"));2 密碼強度正則

餓了麼元件庫element-ui表示式驗證,後端驗證

vue+elementui 提高開發效率,以下為form表單驗證例子。包含自定義驗證等。 1. 以中國大陸手機號驗證為例 // 這是組價的程式碼 <el-form-item prop="mobile"> <el-input type="text

javascript利用表示式實現驗證

    <html xmlns="http://www.w3.org/1999/xhtml">     <head>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    

JavaScript表示式驗證

一.非空驗證 判斷非空 最好還是不要使用trim()方法 有的瀏覽器可能不支援 推薦使用正則表示式 判斷是否為空 // " abc "----->"abc "------>"abc"function trim (txt) { var afterText = txt.replace(/^\s*

javaScript各種表示式-用於驗證

<script type="text/javascript">      function validate(){        var reg = new RegExp("^[0-9]*

關於js表示式使用的一些簡單實現,比如驗證QQ號碼,郵箱,ip等等...

// 1. 簡單的匹配qq號碼(9位數字) var str = "123456788"; var regex1 = /^(\d{9})$/g; str.match(regex1); // 或者 var str = "niahfdb1345342123"

JavaScript(表示式驗證、郵箱驗證、函式、HTML DOM)

正則表示式 1.定義:它是由一個字元序列形成的搜尋模式,當在文字中搜索資料時,可以用搜索模式來描述你要查詢的內容。它可以是一個簡單的字元,或一個更復雜的模式。它可用於所有文字搜尋和文字替換操作。 2.Eg:var patt = /youngamber/i

表示式驗證

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin:

js表示式test()方法

正則表示式即描述字串規則的表示式 /pattern/attrs          /規則/屬性 new RegExp(pattern,attrs) regexObj.test(str)方法:測試正則表示式與指定字串是否匹

js簡單表示式驗證密碼

  包含3種及以上 var reg = new RegExp("^(?![A-Za-z]+$)(?![A-Z\\d]+$)(?![A-Z\\W]+$)(?![a-z\\d]+$)(?![a-z\\W]+$)(?![\\d\\W]+$)^[a-zA-Z0-9!#*_]{8,20}$");

JS表示式驗證是否為11有效手機號碼

最近在做註冊登陸頁面,都要涉及到驗證11位有效手機號碼,這裡貼出程式碼,希望能幫到有這個開發需求的朋友。 function isPoneAvailable($poneInput) { var myreg=/^[1][3,4,5,7,8][0-9

JavaScript-運用表示式檢驗

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"/> <style

JS表示式詳解及最基本的判斷手機號,郵箱,身份證

    首先最基本的符號型別及含義整理一下。     1,最基本的符號:^  $  *  +  ?         ^    代表字串的開始位置 &nbs

java表示式驗證日期

/** *正則表示式驗證日期格式     包括潤二月 **/ // public static void main(String[] args) { //  Pattern p = Pattern //      .compile("^((\\d{2}(([02468][

js表示式元字元不起作用的問題……

今天在專案過程中發現一個問題,在網上拷的一段驗證日期的正則表示式在專案中不起作用,在很多線上測試正則表示式的網站上都做過測試,自己也讀了正則程式碼,就是看出來有什麼問題: function checkInDate(inStrdate) { var regex = n

js表示式判斷是否是數字

function isNumber(val){    var regPos = /^\d+(\.\d+)?$/; //非負浮點數    var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9

JS表示式的基礎知識點元字元

正則表示式:又稱為:規則表示式 英語;Regluar Expression 簡寫:regex,regexp或者RE 正則表示式:不是字串,是字串的匹配模式(規則) 需要用反斜槓進行轉移 正則表示式的建立: 1.字面量建立:由兩個斜槓/包裹 var reg = /a/

js 使用表示式驗證url地址

var strRegex ='(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]'; var url; var re=new RegExp(strRegex); i