PbootCMS使用jquery验证留言表单手机号码和邮箱 暂无演示

PbootCMS使用jquery验证留言表单手机号码和邮箱

售价:
暂无购买权限
  • 普通用户暂无购买权限 升级会员
  • 会员会员购买价格 :0积分
  • 终身会员购买价格 : 免费
  • 坚持每天更新
  • 多平台源码收集
  • VIP群保障服务
  • 收集分享更新
  • 海量源码资源
  • 技术支持保障有力

升级尊贵会员
享受全站VIP待遇

583+
会员已经加入
  • 文章介绍
  • 评价建议
  • 为了避免表单数据被机器批量注入,因此需要对数据进行验证是否符合标准。本次验证主要是验证手机号码是否11位,号码号段格式是否正确,以及电子邮件是否按照格式来写的。

    1.将如下代码放在有留言的模版的head里面。

    <script language="javascript">
    function CheckForm()
    {
    var tel = document.zhimatong.tel.value;
    if (tel.length == 0) {
    alert("请输入手机号码!");
    document.zhimatong.tel.focus();
    return false;
    }
    if (tel.length !== 11) {
    alert("请输入有效的手机号码!");
    document.zhimatong.tel.focus();
    return false;
    }
    if(!tel.match(/^1[3|4|5|8][0-9]\d{4,8}$/)){
    alert("请输入有效的手机号码!");
    document.zhimatong.tel.focus();
    return false;
    }
    var email = document.zhimatong.mail.value;
    if (email.length == 0) {
    alert("请输入电子邮箱!");
    document.zhimatong.mail.focus();
    return false;
    }
    if(!email.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
    alert("请输入正确的电子邮箱!");
    document.zhimatong.mail.focus();
    return false;
    }
    return true;
    }
    </script>

    2.修改form

    <form action="{pboot:msgaction}" method="post" name="zhimatong" onsubmit="return CheckForm();">
    有问题可以加入技术QQ群一起交流学习
    本站vip会员 请加入星辰模板网 VIP群(50604020) PS:加入时备注用户名或昵称
    普通注册会员或访客 请加入无忧模板网 技术交流群(50604130)
    客服微信号:15898888535

    pbootcms模板网 » PbootCMS使用jquery验证留言表单手机号码和邮箱

    发表评论