使用jquery验证留言表单手机号码和邮箱正则方式
创意、流程、执行缺一不可
DEVELOPMENT COMES FROM SERVICE

当前位置:首页>新闻资讯>常见问题

使用jquery验证留言表单手机号码和邮箱正则方式
发布时间:2022-10-19     关键词:留言表单手机号码和邮箱正则方式      点击量:929

为了避免表单数据被机器批量注入,因此需要对数据进行验证是否符合标准。本次验证主要是公司名称必须为中文和验证手机号码是否11位,号码号段格式是否正确,以及电子邮件是否按照标准格式来写的。

<form action="#" method="post" name="xihedemo" onsubmit="return CheckForm();">

        <label>公司名称</label><input name="gongsi" type="text">

        <label>手机号码</label><input name="dianhua" type="text">

        <label>电子邮箱</label><input name="youxiang" type="text">

        <input type="submit" value="提交信息">
    </form>

<script language="javascript">
   function CheckForm() {
        var gongsi = document.xihedemo.gongsi.value;
        if (gongsi.length == 0) {
            alert("请输入公司名称!");
            document.xihedemo.gongsi.focus();
            return false;
        }
        if (!gongsi.match(/[(u4e00-u9fa5)(u3002|uff1f|uff01|uff0c|u3001|uff1b|uff1a|u201c|u201d|u2018|u2019|uff08|uff09|u300a|u300b|u3010|u3011|u007e)]+/)) {
            alert("请输入正确的公司名称,公司名称必须是中文及中文符号!");
            document.xihedemo.gongsi.focus();
            return false;
        }


        var dianhua = document.xihedemo.dianhua.value;
        if (dianhua.length == 0) {
            alert("请输入手机号码!");
            document.xihedemo.dianhua.focus();
            return false;
        }
        if (dianhua.length !== 11) {
            alert("请输入11位手机号码!");
            document.xihedemo.dianhua.focus();
            return false;
        }
        if (!dianhua.match(/^(?:(?:+|00)86)?1(?:(?:3[d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[d])|(?:9[189]))d{8}$/)) {
            alert("请输入有效的手机号码!");
            document.xihedemo.dianhua.focus();
            return false;
        }


        var youxiang = document.xihedemo.youxiang.value;
        if (youxiang.length == 0) {
            alert("请输入电子邮箱!");
            document.xihedemo.youxiang.focus();
            return false;
        }
        if (!youxiang.match(/^[A-Za-z0-9u4e00-u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/)) {
            alert("请输入正确的电子邮箱!");
            document.xihedemo.youxiang.focus();
            return false;
        }

        return true;
        }

</script>


上一篇:前端开发:px、em、rem区别介绍

下一篇:没有了!

CONTACT US
  • 咨询热线:0517-89892800 / 181-1570-8699
  • 公司地址:淮安市承德南路266号淮安软件园
  • 电子邮箱:hsw@haxihe.com
扫一扫二维码关注我们