22902902
1/9/2020 - 1:51 PM

html | 表单验证

<form action="__URL__/perfectingEpXinxi" enctype="multipart/form-data" method="post" onsubmit="return tj();">
</form>

<script type="text/javascript">

function tj()
{
    var alertP = document.querySelector(".pfXinxiEroor");
    /************************************ 公司名称 ***************************************/
    var title = $("#title").val();
    if(title.length == 0)
    {
        alertP.innerHTML = "公司名称不能为空! ";
        alertP.style.opacity = "1";
        return false;
    }

    if(!(/^[\u4e00-\u9fa5()()a-zA-Z0-9]*$/.test(title))) 
    {
        alertP.innerHTML = "格式错误,仅支持中文、字母、数字、“(”,“)”的组合! ";
        alertP.style.opacity = "1";
        return false;
    }
    /************************************ 公司地址 ***************************************/
    var is_address = $("#address").val();
    if(is_address.length == 0)
    {
        alertP.innerHTML = "公司地址不能为空! ";
        alertP.style.opacity = "1";
        return false;
    }

    if(is_address.length > 200)
    {
        alertP.innerHTML = "公司地址不能超过200个字符! ";
        alertP.style.opacity = "1";
        return false;
    }

    if(!(/^[\u4e00-\u9fa5()#()a-zA-Z0-9]*$/.test(is_address))) 
    {
        alertP.innerHTML = "格式错误,仅支持中文、字母、数字、#、“(”,“)”的组合! ";
        alertP.style.opacity = "1";
        return false;
    }
    /************************************ 联系人验证 ***************************************/
    var name = $("#name").val();
    if(name.length == 0)
    {
        alertP.innerHTML = "联系人不能为空! ";
        alertP.style.opacity = "1";
        return false;
    }

    var zwyz=/^[\u0391-\uFFE5]+$/; 
    if(name != "" && !zwyz.test(name))
    { 
        alertP.innerHTML = "必须输入中文! ";
        alertP.style.opacity = "1";
        return false;
    } 
    /************************************ 手机号码验证 ***************************************/
    var phone = $("#phone").val();
    // 不能为空
    if(phone.length == 0)
    {
        alertP.innerHTML = "联系电话不能为空! ";
        alertP.style.opacity = "1";
        return false;
    }
    // 11位
    if(phone.length != 11)
    {
        alertP.innerHTML = "请输入有效的手机号码,需是11位! ";
        alertP.style.opacity = "1";
        return false;
    }
    
    // 手机号码有效性
    var phoneyx = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
    if(!phoneyx.test(phone)) 
    { 
        alertP.innerHTML = "请输入有效的手机号码! ";
        alertP.style.opacity = "1";
        return false;
    } 
    
    // 数字
    var sz = /^[0-9]+$/; 
    if(phone != "" && !sz.test(phone))
    { 
        alertP.innerHTML = "联系电话只能是数字! ";
        alertP.style.opacity = "1";
        return false;
    }
    /*********************************** 邮箱验证 ****************************************/
    var email = $("#email").val();
    // 邮箱不能为空
    if(email.length == 0)
    {
        alertP.innerHTML = "邮箱不能为空! ";
        alertP.style.opacity = "1";
        return false;
    }

    // 邮箱的正则验证
    var emailyz = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
    if(!emailyz.test(email))
    {
        alertP.innerHTML = "请输入有效的邮箱! ";
        alertP.style.opacity = "1";
        return false;
    }

    if(email.length < 8 || email.length > 50)
    {
        alertP.innerHTML = "邮箱长度不正确! ";
        alertP.style.opacity = "1";
        return false;
    }
}
</script>