zoukankan      html  css  js  c++  java
  • js表单验证

    回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改:

    /*验证订单表单*/
    function CheckOrder()
    {
    /*判断学校*/
        if($("#school").val() == "-1")
        {
            alert("请选择学校!");
            $("#school").focus();
            return false;
        }
    
    /*判断学校*/
    /*判断营员姓名*/
        if($("#truename").val() == "")
        {
            alert("请填写营员姓名!");
            $("#truename").focus();
            return false;
        }
        var name =$("#truename").val();
        var rules = /^[u4e00-u9fa5](s*[u4e00-u9fa5])*$/;
        if (!rules.test(name)) {
           alert("请填写正确的营员姓名!");
                   $("#truename").focus();
            return false;
        } 
    /*判断营员姓名*/
    /*判断营员电话*/
        if($("#telephone").val() == "")
        {
            alert("请填写营员电话!");
            $("#telephone").focus();
            return false;
        }
        var tel =$("#telephone").val();
        var rules = /^1[3,5]d{9}$/;
        if (!rules.test(tel)) {
           alert("请填写正确的营员电话!");
                   $("#telephone").focus();
            return false;
        } 
    /*判断营员电话*/
    /*判断体重*/
        if($("#Weight_age").val() == "")
        {
            alert("请填写体重!");
            $("#Weight_age").focus();
            return false;
        }
        var tel =$("#Weight_age").val();
        var rules = /^[1-9]d+/g; 
        if (!rules.test(tel)) {
           alert("请填写正确的体重!");
                   $("#Weight_age").focus();
            return false;
        } 
       /*判断体重*/
       /*判断身高*/
        if($("#Height").val() == "")
        {
            alert("请填写身高!");
            $("#Height").focus();
            return false;
        }
        var tel =$("#Height").val();
        var rules = /^[1-9]d+/g; 
        if (!rules.test(tel)) {
           alert("请填写正确的身高!");
                   $("#Height").focus();
            return false;
        } 
       /*判断身高*/
    /*判断T-Shirt尺码*/
        if($("#shirt").val() == "-1")
        {
            alert("请选择T-Shirt尺码!");
            $("#shirt").focus();
            return false;
        }
    
    /*判断T-Shirt尺码*/
    /*判断经验*/
        if($("#Entrytype").val() == "-1")
        {
            alert("请选择经验!");
            $("#Entrytype").focus();
            return false;
        }
    
    /*判断经验*/
    /*判断营员性别*/
        if($("#sex").val() == "-1")
        {
            alert("请选择营员性别!");
            $("#sex").focus();
            return false;
        }
    
    /*判断营员性别*/
    /*判断出生日期*/
        if($("#year").val() == "-1")
        {
            alert("请选择出身年份!");
            $("#year").focus();
            return false;
        }
            if($("#month").val() == "-1")
        {
            alert("请选择出身月份!");
            $("#month").focus();
            return false;
        }
                if($("#day").val() == "-1")
        {
            alert("请选择出身日期!");
            $("#day").focus();
            return false;
        }
    /*判断出生日期*/
    /*判断身份证号*/
        if($("#idcard").val() == "")
        {
            alert("请填写身份证号!");
            $("#idcard").focus();
            return false;
        }
        var tel =$("#idcard").val();
        var rules = /^([0-9]{15}|[0-9]{18})$/;;
        if (!rules.test(tel)) {
           alert("请填写正确的身份证号码!");
                   $("#idcard").focus();
            return false;
        } 
    /*判断身份证号*/ 
    /*判断家长姓名*/
            if($("#ParentName").val() == "")
        {
            alert("请填写家长姓名!");
            $("#ParentName").focus();
            return false;
        }
        var name =$("#ParentName").val();
        var rules = /^[u4e00-u9fa5](s*[u4e00-u9fa5])*$/;
        if (!rules.test(name)) {
           alert("请填写正确的营员姓名!");
                   $("#ParentName").focus();
            return false;
        } 
    /*判断家长姓名*/
    /*判断家长电话号*/
        if($("#ParentPhone").val() == "")
        {
            alert("请填写家长电话!");
            $("#ParentPhone").focus();
            return false;
        }
        var tel =$("#ParentPhone").val();
        var rules = /^1[3,5]d{9}$/;
        if (!rules.test(tel)) {
           alert("请填写正确的家长电话!");
                   $("#ParentPhone").focus();
            return false;
        } 
    /*判断家长电话号*/
    /*判断邮箱*/
        if($("#ParentMail").val() == "")
        {
            alert("请填写邮箱!");
            $("#ParentMail").focus();
            return false;
        }
        var tel =$("#ParentMail").val();
        var rules = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
        if (!rules.test(tel)) {
           alert("请填写正确的邮箱!");
                   $("#ParentMail").focus();
            return false;
        } 
    /*判断邮箱*/
    
        $("#form").submit();
        return false;
    }
    </script>
    <a href="javascript:;" onclick="CheckOrder();return false;" class="pay_but f_R">提交</a>  
  • 相关阅读:
    [leetcode] 18. 四数之和
    [leetcode] 17. 电话号码的字母组合
    [leetcode] 16. 最接近的三数之和
    [leetcode] 15. 三数之和
    [leetcode] 14. 最长公共前缀
    [leetcode] 13. 罗马数字转整数
    [leetcode] 12. 整数转罗马数字
    [leetcode] 11.盛最多水的容器
    分布式系统中的缓存——笔记整理
    图解HTTP
  • 原文地址:https://www.cnblogs.com/zgzy/p/4874376.html
Copyright © 2011-2022 走看看