整理一些常用的JQuery表單驗證方法如下,有需要的朋友自己參考看看!!這些都測試過沒問題的!!
//數字格式檢查,如不符條件返回false值
//手機格式檢查-台灣手機格式09xx-xxx-xxx,如不符條件返回false值
function Isphone(phone) {
var regex = /^[0-9]+$/;
if(!regex.test(phone)) {
return false;
}else{
return true;
}
}
function IsEmail(email) {
var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!regex.test(email)) {
return false;
}else{
return true;
}
}
function isURL(str){
return !!str.match(/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g);
}
//HTML格式檢查,如不符條件返回false值
function strip_tags(str) {
str = str.toString();
return str.replace(/<\/?[^>]+>/gi, '');
}
//驗證中文名稱,如不符條件返回false值
function isChinaName(name){
var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
return pattern.test(name);
}
//數字格式檢查,如不符條件返回false值
function isNum(isNum)
{
var reg = /^[0-9]*$/;
if(!reg.test(isNum) || isNum=='' ) {
return false;
}else{
return true;
}
}
//手機格式檢查-台灣手機格式09xx-xxx-xxx,如不符條件返回false值
function Isphone(phone) {
var regex = /^[0-9]+$/;
if(!regex.test(phone)) {
return false;
}else{
return true;
}
}
//E-MAIL格式檢查,如不符條件返回false值
var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!regex.test(email)) {
return false;
}else{
return true;
}
}
//網址url格式檢查,如不符條件返回false值
return !!str.match(/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g);
}
//HTML格式檢查,如不符條件返回false值
function strip_tags(str) {
str = str.toString();
return str.replace(/<\/?[^>]+>/gi, '');
}
//驗證中文名稱,如不符條件返回false值
function isChinaName(name){
var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
return pattern.test(name);
}
雖然前端可以做JS驗證,但為了防止有人故意關了瀏覽器的JS功能或是利用F12修改表單數值,所以還是要在後端用PHP在驗證一次,前端防君子,後端防駭客!!謹慎為上!!
教學撰寫:徐嘉裕 Neil hsu
留言
張貼留言