表单验证(email,手机号,座机等)



<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <script type="text/javascript" src="http://jic.makepolo.net/js/jquery/jquery-1.8.3.min.js">script>
head>
<body>
    <div class="checkMobilePhone">
        <input type="text">
        <button>核对手机号码button>
    div>
    <div class="checkFixedPhone">
        <input type="text">
        <button>核对座机号码button>
    div>
    <div class="checkEmail">
        <input type="text">
        <button>核对邮箱button>
    div>
    <script>
        $(function() {
            /**
             * @descrition: 判断输入的参数是否是个合格的手机号
             * !!符号是转换为boolean类型的意思
             * @param: string类型,是传的值
             * @return: true表示是合格的
             */
             function isMobilePhoneNumber(value) {
                //必须加上^$,否则138903683001也是合法的
                var re = /^1[34578]\d{9}$/g;
                var result = [];
                result = value.match(re);
                return !!result === true ? true : false;
            }
            /**
             * @descrition: 判断输入的参数是否是个合格的座机号码,允许有分机号
             * ?代表匹配0次或者一次
             * @param: string类型,是传的值
             * @return: true表示是合格的
             */
             function isFixedPhoneNumber(value) {
                var re = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/g;
                var result = [];
                result = value.match(re);
                return !!result === true ? true : false;
             }
            /**
             * @description 验证邮箱 
             * @param string类型
             * @return boolean类型,true表示合格的邮箱
             * @example [email protected]   [email protected]   [email protected]   [email protected]   [email protected]
             */
             function isEmailAddress(value) {
                //@的左边,先匹配字母和数字1或者多次; 紧接着匹配_ws这样的结构0或者多次;
                // @右边,先匹配sina-. s.qf.  vip. com.一次或者多次,紧接着匹配一次最后的com 
                var re = /^[a-zA-Z0-9]+([_.-][a-zA-Z0-9]+)*@([a-zA-Z0-9]+[-_.]?[.])+[a-zA-Z]{2,3}$/;
                return re.test(value);
            }
                        /**
             * @description 验证密码
             * @param string类型
             * @return boolean类型,true表示合格的密码
             * @example "wq\\" "sqwq_.../wq"
             */
             function isLegalPassword(value){  
                // \\意思就是"\"
                var re = /^[0-9a-zA-Z_./]{6,20}$/;
                var result = [];
                result = re.exec(value);
                return !!result === true ? true : false;
             }
             var $mobileButton = $(".checkEmail button");
             $mobileButton.click(function(event) {
                var mobileNumberText = $(".checkEmail input").val();
                console.log(isEmailAddress(mobileNumberText));
             });
            })
script>
body>
html>

你可能感兴趣的:(原生js-我封装好的函数方法等,jQuery)