JavaScript - 正則表達式

正則表達式的大體匹配過程是：依次拿出表達式和文本中的字符比較，若是每個字符都能匹配，則匹配成功；一旦有匹配不成功的字符則匹配失敗。

正則表達式一般用於在文本中查找匹配的字符串。Python裏數量詞默認是貪婪的（在少數語言裏也多是默認非貪婪），老是嘗試匹配儘量多的字符；非貪婪的則相反，老是嘗試匹配儘量少的字符。例如：正則表達式"ab*"若是用於查找"abbbc"，將找到"abbb"。而若是使用非貪婪的數量詞"ab*?"，將找到"a"。

var pageIndex=document.getElementById("textfield").value;

if(!/^[0-9]+$/.test(pageIndex)){
alert("請輸入正整數");
return false;
} else{
alert("輸入的是正整數");
}

/判斷輸入內容是否爲空
function IsNull(){
var str = document.getElementById('str').value.trim();
if(str.length==0){
alert('對不起，文本框不能爲空或者爲空格!');//請將「文本框」改爲你須要驗證的屬性名稱!
}
}

//判斷日期類型是否爲YYYY-MM-DD格式的類型
function IsDate(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將「日期」改爲你須要驗證的屬性名稱!
}
}

//判斷日期類型是否爲YYYY-MM-DD hh:mm:ss格式的類型
function IsDateTime(){
var str = document.getElementById('str').value.trim();
if(str.length!=0){
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var r = str.match(reg);
if(r==null)
alert('對不起，您輸入的日期格式不正確!'); //請將「日期」改爲你須要驗證的屬性名稱!
}
}

//判斷日期類型是否爲hh:mm:ss格式的類型
function IsTime()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/
if(!reg.test(str)){
alert("對不起，您輸入的日期格式不正確!");//請將「日期」改爲你須要驗證的屬性名稱!
}
}
}

//判斷輸入的字符是否爲英文字母
function IsLetter()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的英文字母類型格式不正確!");//請將「英文字母類型」改爲你須要驗證的屬性名稱!
}
}
}

//判斷輸入的字符是否爲整數
function IsInteger()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){
alert("對不起，您輸入的整數類型格式不正確!");//請將「整數類型」要換成你要驗證的那個屬性名稱！
}
}
}

//判斷輸入的字符是否爲雙精度
function IsDouble(val)
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-\+]?\d+(\.\d+)?$/;
if(!reg.test(str)){
alert("對不起，您輸入的雙精度類型格式不正確!");//請將「雙精度類型」要換成你要驗證的那個屬性名稱！
}
}
}


//判斷輸入的字符是否爲:a-z,A-Z,0-9
function IsString()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將「字符串類型」要換成你要驗證的那個屬性名稱！
}
}
}

//判斷輸入的字符是否爲中文
function IsChinese()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[\u0391-\uFFE5]+$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將「字符串類型」要換成你要驗證的那個屬性名稱！
}
}
}

//判斷輸入的EMAIL格式是否正確
function IsEmail()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將「字符串類型」要換成你要驗證的那個屬性名稱！
}
}
}

//判斷輸入的郵編(只能爲六位)是否正確
function IsZIP()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^\d{6}$/;
if(!reg.test(str)){
alert("對不起，您輸入的字符串類型格式不正確!");//請將「字符串類型」要換成你要驗證的那個屬性名稱！
}
}
}

//判斷輸入的數字不大於某個特定的數字
function MaxValue()
{
var val = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){//判斷是否爲數字類型
if(val>parseInt('123')) //「123」爲本身設定的最大值
{
alert('對不起，您輸入的數字超出範圍');//請將「數字」改爲你要驗證的那個屬性名稱！
}
}
}
}


Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/
Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/
QQ : /^[1-9]\d{4,8}$/
某種特殊金額：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/ //說明：除「XXX XX,XXX XX,XXX.00」格式外

//爲上面提供各個JS驗證方法提供.trim()屬性
String.prototype.trim=function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}

調用：
<input type="text" name="str" >
<input type="button" value=" 肯定 " onClick=""> //onClick中寫本身要調用的JS驗證函數

js 驗證表單 js提交驗證類

附加：js驗證radio是否選擇
<script language="javascript">
function checkform(obj)
{
for(i=0;i<obj.oo.length;i++)
if(obj.oo[i].checked==true) return true;

alert("請選擇")
return false;

}</script><form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)"> <input type="radio" name="oo" value="radiobutton" /> <input type="radio" name="oo" value="radiobutton" /> <input type="submit" name="Submit" value="提交" /></form>