Js常用的注册验证方法

简介:         $j(function(){            /*获取短信息*/                $j('.
<script type="text/javascript">
        $j(function(){
            /*获取短信息*/
                $j('.get-short-message').click(function(){
                    var is_get_message = CheckUserPhone();
                    if(is_get_message==false){
                        $j(".get-short-message").attr('disabled',true);
                        return false;
                    }else{
                        var UserPhone = $j.trim($j("#register_mobile").val());
                        var data = {"phone":UserPhone};
                        //60s以后重新获取
                        getShortMessagePassTime(this);
                        $j.get('/ajax/getMessageajax.php',data,function(res){
                            if(res==200){
                                errorMessage = "获取成功,请注意查收。" ;
                                $j("#short-message-error").text(errorMessage);
                            }else{
                                errorMessage = "获取失败" ;
                                $j("#short-message-error").text(errorMessage);
                            }
                        });
                        //60S后
                    }
                });
        });
        var waitTime=60;
        function getShortMessagePassTime(obj) {
            if (waitTime == 0) {
                obj.removeAttribute("disabled");
                obj.value="免费获取验证码";
                waitTime = 60;
            } else {
                obj.setAttribute("disabled", true);
                obj.value="重新发送(" + waitTime + ")";
                waitTime--;
                setTimeout(function() {
                        getShortMessagePassTime(obj)
                    },
                    1000)
            }
        }
        /***/
        function CheckUserPhone(){
            var UserPhone = $j.trim($j("#register_mobile").val());
            var errorMessage = null ;
            var ret = null;
            if(UserPhone.length == '')
            {
                errorMessage = "亲,手机不能为空哦" ;
                ret = false;

            }else if(!UserPhone.match(/^(1)\d{10}$/)){
                errorMessage = "亲,手机格式不对哦" ;
                ret = false;
            }else{
                var UserPhone = $j.trim($j("#register_mobile").val());
                var data={"UserPhone":UserPhone};
                $j.ajax({
                    type: "GET",
                    async:false,//默认是true
                    url: "/customer/account/createpost",
                    data: data,
                    success:function(rs, st){
                        if(rs=='110'){
                            errorMessage = "手机已经被注册过,请换一个哦" ;
                            ret = false;
                            //$j("#short-message-error").text(errorMessage);
                        }else{
                            errorMessage = "" ;
                            $j(".error-message").addClass('Ok');
                            $j(".get-short-message").attr('disabled',false);
                            ret = true;
                        }
                    }
                })

            }
            $j("#phone-error-message").text(errorMessage);
            return ret;
        }

        function CheckUserEmai(){
            var UserEmail = $j.trim($j("#email_address").val());
            var errorMessage = null;
            var ret = null;
            if(UserEmail.length == ''){
                errorMessage = "亲,邮箱不能为空哦" ;
                ret = false;

            }else if(!UserEmail.match(/^[a-z0-9]([a-z0-9]*[-_.]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,4}([\.][a-z]{2,4})?$/i)){
                errorMessage = "亲,邮箱格式不正确哦" ;
                ret = false;
            }else{
                var UserEmail = $j.trim($j("#email_address").val());
                var data={"UserEmail":UserEmail};
                $j.ajax({
                    type: "GET",
                    async:false,//默认是true
                    url: "/customer/account/createpost",
                    data: data,
                    success:function(rs, st){
                        if(rs=='120'){
                            errorMessage = "邮箱已经被注册过,请换一个哦" ;
                            ret = false;
                            //$j("#short-message-error").text(errorMessage);
                        }else{
                            errorMessage = "" ;
                            ret = true;
                        }
                    }
                })
            }
            $j("#email_address_span").text(errorMessage);
            return ret;

        }
        function CheckUserPassword(){
            var UserPassword = $j.trim($j("#password").val());
            var errorMesage = null;
            var ret = null;
            if(UserPassword.length == ""){
                errorMessage = "亲,密码不能为空哦" ;
                ret = false;

            }else if(UserPassword.length < 6){
                errorMessage = "亲,密码不能小于六位数哦" ;
                ret = false;
            }else{
                errorMessage = "" ;
                ret = true;
            }
            $j("#passwd-span").text(errorMessage);
            return ret;
        }
        function CheckUserRepassword(){
            var Repassword = $j.trim($j("#confirmation").val());
            var Password = $j.trim($j("#password").val());
            var errorMessage = null;
            var ret = null;
            if(Repassword.length == ""){
                errorMessage = "亲,重复密码不能为空哦";
                ret = false;
            }else if(Repassword != Password){
                errorMessage = "亲,两次密码输入的不一致哦" ;
                ret = false;
            }else{
                errorMessage = "" ;
                ret = true;
            }
            $j("#confirmation-span").text(errorMessage);
            return ret;
        }
        function CheckShortMessage(){
            var result = false;
            var errorMessage = null;            var ShortMessage = $j.trim($j("#get-message").val());
            if(ShortMessage.length == ""){
                errorMessage = "短信不能为空";
                result = false;
            }else if(ShortMessage.length != 6){
                errorMessage = "短信必须是6位数字" ;
                result = false;
            }else{
                var UserPhone = $j.trim($j("#register_mobile").val());
                var data={"ShortMessage":ShortMessage,"UserPhone":UserPhone};
                $j.ajax({
                    type: "GET",
                    async:false,//默认是true
                    url: "/ajax/identifyinCodeajax.php",
                    data: data,
                    success:function(data, st){
                        if(data=='200'){
                             errorMessage ="";
                            result = true;
                        }else{
                            errorMessage = "短信已失效,请重新获取哦" ;
                            result = false;
                        }
                    }
                })
            }
            $j("#short-message-error").text(errorMessage);
            return result;
        }


        function CheckAgreement(){
            var errorMessage = null;
            var ret = null;
            if($j('#is_subscribed').is(':checked')){
                errorMessage = '';
                ret = true;
              }else{
                  errorMessage = "亲,请接受服务条款";
                  ret = false;
                  }
            $j("#agreement-message-error").text(errorMessage);
            return ret;
        }

        $j("#register_mobile").blur(function(){
            CheckUserPhone();
        });
        $j("#email_address").blur(function(){
            CheckUserEmai();
        });
        $j("#password").blur(function(){
            CheckUserPassword();
        });
        $j("#confirmation").blur(function(){
            CheckUserRepassword();
        });

        $j("#submit-button").click(function(){
            if(CheckAgreement()==false){
                return false;
            }else if(CheckUserPhone() == false){
                return false;
            }else if(CheckUserEmai() == false){
                return false;
            }else if(CheckUserPassword() == false){
                return false;
            }else if(CheckUserRepassword() == false){
                return false;
            }else if(CheckShortMessage()==false){
                return false;
            }else{
                $j("#form-validate").submit();
            }
        });
<!--        //<![CDATA[-->
<!--        var dataForm = new VarienForm('form-validate', true);-->
<!--        --><?php //if($this->getShowAddressFields()): ?>
<!--        new RegionUpdater('country', 'region', 'region_id', --><?php //echo $this->helper('directory')->getRegionJson() ?><!--, undefined, 'zip');-->
<!--        --><?php //endif; ?>
<!--    //]]>-->

    </script>


二当家的官网,请访问 http://www.erdangjiade.com

更多商城企业源码,尽在 http://www.erdangjiade.com/source

更多原创模板,尽在 http://www.erdangjiade.com/templates  

网页特效下载:www.erdangjiade.com/js

PHP/Mysql:www.erdangjiade.com/php
     
PHP网站开发求职QQ群 368848856

相关文章
|
2月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
2月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
3月前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
2月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
138 52
|
2月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
2月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
54 5
|
2月前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
30 1
|
2月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
47 7
|
2月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。