28個JS驗證函數收集
2024-05-06 14:11:18
供稿：網友
JS驗證函數的調用方法和注意:
1.給表單設置onsubmit="return test()",配合<input type="submit" name="Submit" value="check"> 進行提交.
2.<input type=text onkeydown="test();"> //當鼠標按下直接調用函數驗證
3.<input type=text onblur="testl(this.value)"> //傳入自己的值進行驗證,test(this)//傳入對象本身進行驗證
4.<input type="button" value="test" onclick="test()"> //單擊Btn進行驗證,如果通過則用document.forms[0].submit(); 進行表單提交
5.<input onClick="return test();" type="submit" name="submit" value=" 提交信息 ">//使用submit進行提交驗證,如果test中return false;則不提交返true提交.
6.<script type="javascript">....function test(){...return false;...}...</script>
7.||與,&&或,!非
8.常用事件:onblur失去焦點,onchange失去焦點并且內容發生改變,onfocus元素獲得焦點,onreset當表單中RESET的屬性被激發時,onsubmit表單被提交時觸發此事件
9.驗證正則表達式:if(/^[1-9]/d*$/.test(str))返回真則通過,FALSE通不通過
10.document.getElementById("ip").value//訪問ID的值,document.form1.text1.value//通過name訪問
11.<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能為空!')"> //執行單條正則驗證例
驗證函數:
<input type="text" name="text1" id="text1" onblur="test();" value="" />
1.字符長度限制
function test()
{
if(document.form1.text1.value.length>50)
{
alert("不能超過50個字符！");
document.form1.text1.focus();
return false;
}
}
2.只能是英文,字母或數字
function test()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
{
alert("只能是英文！");
document.form1.text1.focus();
}
}
<input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有錯')"> //字母或數字
3.只能是數字
function test()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) //考慮小鍵盤上的數字鍵
{
alert("只能是數字！");
document.form1.text1.focus();
}
}
或者
function test(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0
for (i=0;i<NUM.length;i++)
{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
alert("只能是數字！");
return false;
}
}
//說明是數字
return true;
}
5.驗證郵箱(正則,函數)
function isEmail(strEmail) {
if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("格式錯誤!");
}
function isEmail() {
if (document.userinfo.useremail.value.charAt(0)=="." ||
document.userinfo.useremail.value.charAt(0)=="@"||
document.userinfo.useremail.value.indexOf('@', 0) == -1 ||
document.userinfo.useremail.value.indexOf('.', 0) == -1 ||
document.userinfo.useremail.value.lastIndexOf("@")==document.userinfo.useremail.value.length-1 ||
