整理的一些常用的js表單驗證,整理js表單
/** * 驗證時間 * @param dataValue 格式為:YYYY-MM-DD * @returns 匹配返回true 不匹配返回false */function valiDate(dateValue){var result = dateValue.match(/((^((1[8-9]\d{2})|([2-9]\d{3}))(-)(10|12|0?[13578])(-)(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(11|0?[469])(-)(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(0?2)(-)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(-)(0?2)(-)(29)$)|(^([3579][26]00)(-)(0?2)(-)(29)$)|(^([1][89][0][48])(-)(0?2)(-)(29)$)|(^([2-9][0-9][0][48])(-)(0?2)(-)(29)$)|(^([1][89][2468][048])(-)(0?2)(-)(29)$)|(^([2-9][0-9][2468][048])(-)(0?2)(-)(29)$)|(^([1][89][13579][26])(-)(0?2)(-)(29)$)|(^([2-9][0-9][13579][26])(-)(0?2)(-)(29)$))/);if(result==null){return false;}return true;}/** * 驗證電話號碼 * @param phoneValue 要驗證的電話號碼 * @returns 匹配返回true 不匹配返回false */function validatePhone(phoneValue) {var reg = /^[1][0-9]{10}$/;return reg.test(phoneValue);}/** * 驗證郵箱 * @param emailValue 要驗證的郵箱 * @returns 匹配返回true 不匹配返回false */function validateEmail(emailValue){var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;return reg.test(emailValue);}/** * 判斷是否是數字 * @param numberValue 要驗證的資料 * @returns 匹配返回true 不匹配返回false */function isNumber(numberValue){//定義Regex部分 var reg1 = /^[0-9]{0,}$/;var reg2 = /^[1-9]{1}[0-9]{0,}$/;//alert(numberValue);if(numberValue ==null || numberValue.length==0){return false;}//判斷當數字只有1位時if(numberValue.length<2){return reg1.test(numberValue);}return reg2.test(numberValue);;}/*** * 金額 * @param value * @returns */function isMoney(value) {var reg = /^[0-9]*\.?[0-9]{0,2}$/;if(isNumber(value)){return true;}if(value.length>3){if(value.substr(0, 1)=="0"){if(value.substr(3,value.length).length>2){return false;} }}return reg.test(value);}/** * 驗證是否是浮點數 * @param floatValue 要驗證的資料 * @returns 匹配返回true 不匹配返回false */function isMyFloat(floatValue){var reg = /^(\d+)(\.\d+)$/;if(isNumber(floatValue)){return true;}if(floatValue.length>3){if(floatValue.substr(0, 1)=="0"){if(floatValue.substr(0, 2)!="0."){return false;} }}return reg.test(floatValue);}/** * 判斷是否是漢字 * @param charValue 要驗證的資料 * @returns 匹配返回true 不匹配返回false */function isCharacter(charValue){var reg = /^[\u4e00-\u9fa5]{0,}$/;return reg.test(charValue);}/** * 驗證有線電話號 * @param telValue 要驗證的有線電話號 * @returns 匹配返回true 不匹配返回false */function valiDateTel(telValue){var reg = /^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$/;if(!reg.test(telValue)){return false; }return true;}var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ]; // 加權因子 var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ]; // 身份證驗證位值.10代表X/** * 驗證身份證 * @param idCard 需要驗證的社會安全號碼 * @returns 匹配返回true 不匹配返回false */function IdCardValidate(idCardValue) {//去掉字串頭尾空格idCardValue = valueTrim(idCardValue.replace(/ /g, "")); if (idCardValue.length == 15) { //進行15位身份證的驗證 return isValidityBrithBy15IdCard(idCardValue); } else if (idCardValue.length == 18) { // 得到身份證數組 var a_idCard = idCardValue.split(""); //進行18位身份證的基本驗證和第18位的驗證 if(isValidityBrithBy18IdCard(idCardValue)&&isTrueValidateCodeBy18IdCard(a_idCard)){ return true; }else { return false; } } else { return false; } } /** * 判斷社會安全號碼碼為18位時最後的驗證位是否正確 * @param a_idCard 社會安全號碼碼數組 * @return */ function isTrueValidateCodeBy18IdCard(a_idCard) { var sum = 0; // 聲明加權求和變數 if (a_idCard[17].toLowerCase() == 'x') { a_idCard[17] = 10;// 將最後位為x的驗證碼替換為10方便後續操作 } for ( var i = 0; i < 17; i++) { sum += Wi[i] * a_idCard[i];// 加權求和 } valCodePosition = sum % 11; // 得到驗證碼所位置 if (a_idCard[17] == ValideCode[valCodePosition]) { return true; } else { return false; } } /** * 驗證18位元社會安全號碼碼中的生日是否是有效生日 * @param idCard 18位書身份證字串 * @return */ 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; } } /** * 驗證15位元社會安全號碼碼中的生日是否是有效生日 * @param idCard15 15位書身份證字串 * @return */ 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; } } //去掉字串頭尾空格 function valueTrim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); }/** * 檢驗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; }}
js表單驗證的問題
form:
<form id="form1" name="form1" method="post" action="?action=sear">
搜尋按鈕:
<input type="button" name="Submit" value="搜 索" onclick="CheckForm();" />
<script type="text/javascript" language="javascript">
<!--
function CheckForm()
{
if((document.form1.xm.value == "")&&(document.form1.jsh.value == "")&&(document.form1.zc.value == ""))
{
alert("三個選項不能同時為空白!");
history.back();
document.loginForm.xm.focus();
return false;
}
else{ //當條件成立時再提交
document.form1.submit();
}
}
-->
</script>
js的表單驗證問題
<html>
<body>
<script language="javascript">
function check()
{
if(document.enquiry.name.value=="")
{
alert("please fill in your name");
return false;
}
if(document.enquiry.email.value=="")
{
alert("please fill in your email");
return false;
}
if(!/^\w+[@]\w+[.]\w+$/.test(document.enquiry.email.value))
// /^\w+[@]\w+[.]\w+$/ 用該正則來匹配你輸入的document.enquiry.email.value的值,如果匹配就返回true,否則false
// 前面加了個!表示如果不匹配就進入if.
{
alert("please correct your email");
return false;
}
if(document.enquiry.enquiry.value=="")
{
alert("please fill in your enquiry");
return false;
}
}
</script>
<form name="enquiry" onsubmit="return check()" action="sub.asp" method="post">
<input name="name" type="text" class="textfield" id="name" size="18">
<input name="email" type="text" class="textfield" id="email" size="18">
<textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html>...餘下全文>>