我是靠谱客的博主 粗暴航空,最近开发中收集的这篇文章主要介绍最全面的JS表单验证,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

 1. 两个日期比较 

/*
用途:检查开始日期是否小于等于结束日期
输入:
s:字符串 开始日期 格式:2001-5-4

e:字符串 结束日期 格式:2002-5-4
返回:
如果通过开始日期小于等于结束日期返回true,否则返回false
*/

function data_compare(s,e){
 var arr=s.split("-");
 var starttime=new Date(arr[0],arr[1],arr[2]);...

}

2.  为空或全是空格 

/*
用途:检查输入字符串是否为空或者全部都是空格
输入:str
返回:
如果全是空返回true,否则返回false
*/
function isNull(str) {
if (str == "") return true;

if(str.match("^[ ]+$"))return true;

return false;
 

3. 判断是否是日期 

/*
用途:判断是否是日期
输入:date:日期;匹配的格式: 2010-5-16

返回:如果通过验证返回true,否则返回false
*/

function isDate(date){

if(isNaN(data)&&!isNaN(Date.parse(data))){
  return ture;
} else {
    return false;
}
}

4. 字符1以字符串2开始 

/*
用途:字符1是否以字符串2开始
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isFirstMatch(str1, str2) {
var index = str1.indexOf(str2);
if (index == 0) return true;
return false;
}

5.字符1以字符串2结束 

/*
用途:字符1是否以字符串2结束
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isLastMatch(str1, str2) {
var index = str1.lastIndexOf(str2);
if (str1.length == index + str2.length) return true;
return false;
}

6. 字符1包含字符串

/*
用途:字符1是包含字符串2
输入:str1:字符串;str2:被包含的字符串
返回:如果通过验证返回true,否则返回false
*/
function isMatch(str1, str2) {
var index = str1.indexOf(str2);
if (index == -1) return false;
return true;
}

7. 是否为email 

/*
用途:检查输入对象的值是否符合E-Mail格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isEmail(str) {
var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+.)+[A-Za-z0-9]{2,3}$/;
if (myReg.test(str)) return true;
return false;
}

8. 是否为手机号码 

/*
用途:检查输入手机号码是否正确
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function checkMobile(s) {

  var reg=/^((0d{2,3})-)?(d{7,8})(-(d{3,}))?$/;
  if(!reg.test(s))
   return   false  
  return   true

}

9. 是否为数字 

/*
用途:检查输入字符串是否是数字
输入:
val :字符串
返回:
如果通过验证返回true,否则返回false
*/

function isNumber(val ) {

  if(val === "" || val ==null){

                return false;   

        }

        if(!isNaN(val)){    
    return true;   

        } else{     

                return false;   

        }       
}

10. 是否为端口号 

/*
用途:检查输入对象的值是否符合端口号格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isPort(str) {
        return (isNumber(str) && str < 65536);
}

11. 是否为身份证号码 

/*
用途:检查输入字符串是否符合身份证格式
输入:
regIdNo:字符串
返回:
如果通过验证返回true,否则返回false
*/

function isIDno(regIdNo) {  
       var regIdNo = /(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/; 
        if(!regIdNo.test(idNo)){ 
                  alert(‘身份证号填写有误‘); 
                  return false; 
        } 

         return true;  

}

12. 是否为邮政编码 

/*
用途:检查输入字符串是否符合邮政编码格式
输入:
postcode:字符串
返回:
如果通过验证返回true,否则返回false
*/

function isZipcode(postcode) 

    var postcode = document.getElementById("postcode").value;
            if (postcode != "") {   //邮政编码判断
                var pattern = /^[0-9]{6}$/;
                flag = pattern.test(postcode);
                if (!flag) {
                    alert("非法的邮政编码!")
                    document.getElementById("postcode").focus();
                    return false;
                }
            }

          return true;  

}

13. 是否为金额 

/*
用途:检查输入字符串是否符合金额格式
格式定义为带小数的正数,小数点后最多三位
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
function isMoney(s) {

        var mny = /^[0-9]*(.[0-9]{1,2})?$/;
        return mny.test(value)

}

14. 是否只为汉字 

/*
用途:检查输入字符串是否只由汉字组成
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/

function isZh(str){
 var reg = /^[u4e00-u9fa5]+$/;
 if (reg.test(str)) ...

15. 是否是整数 

/*
用途:检查输入对象的值是否符合整数格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/
function isInteger(str) {
        var regu = /^[-]{0,1}[0-9]{1,}$/;
        return regu.test(str);
}

16. 校验ip地址 

/*
用途:校验ip地址的格式
输入:strIP:ip地址
返回:如果通过验证返回true,否则返回false;
*/
function isIP(strIP) {

var reg = /^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/
    return reg.test(strIP);

}

17. 英文数字组成 

/*
用途:检查输入字符串是否只由英文字母和数字组成
输入:
str:字符串
返回:
如果通过验证返回true,否则返回false

checkS = function(str){
    // 判断字符串是否为数字和字母组合
    var zg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]*$/;
    if (!zg.test(str)) {
        return false;
    } else {
        return true;
    }
}

最后

以上就是粗暴航空为你收集整理的最全面的JS表单验证的全部内容,希望文章能够帮你解决最全面的JS表单验证所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(63)

评论列表共有 0 条评论

立即
投稿
返回
顶部