jQuery获取表单常见项目的值以及相关判断语句

获取表单常见项目的值

获取单行文本判断是否填写

获取电话号码判断是否合规

获取邮箱并判断是否合规

获取单选并判断是否选择

获取多选并判断是否选择

<script>
$(document).ready(function(){
  $("#submit").click(function(){
    // 获取单行文本
    var company =  $("#company").val();
    if (company == "") {
      alert('公司名称不能为空');
      return false;
    }
    // 获取单行文本
    var name = $("#name").val();
    if (name == "") {
      alert('姓名不能为空');
      return false;
    }
    // 获取邮箱,判断邮箱
    var email = $("#email").val();
    var myreg = /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
    if(!myreg.test(email)){
      alert("请输入正确的邮箱地址");
      return false;
    }
    // 获取电话号码,判断电话号码
    var tel = $("#tel").val();
    if (tel == "") {
      alert('联系电话不能为空');
      return false;
    }
    if (!(/^1[3456789]d{9}$/.test(tel))) {
      alert('请输入正确的手机号码');
      return false;
    }
    // 获取多行文本
    var content = $("#content").val();
    if (content == "") {
      alert('留言内容不能为空');
      return false;
    }
    // 获取单选
    var checkbox = $("input[name='checkbox']:checked").val();
    if (checkbox !='是' && checkbox !='否') {
      alert("请选择单选项目!");
      return false;
    }
    // 获取多选,判断多选是否选择
    var pos = [];
    if (pos.length<1) {
      alert("您要合作的项目不能为空!");
      return false;
    }
    $("input:checkbox:checked").each(function() {
      pos.push($(this).val());
    });
    $.post('/index/data/doSubmit?table=message', {
      company: company,
      name: name,
      email: email,
      tel: tel,
      content: content,
    }, function (data, status) {
      alert('恭喜您留言成功,我们会尽快给您回复!');
      location.reload();
      return false;
    });
    return false;
  });
});
</script>

想了解更多关于jQuery获取表单常见项目的值以及相关判断语句的内容,请扫微信
或微信搜索jiemingpan

本文链接:http://www.soufuzi.com/jianzhan/1670

(0)
上一篇 2023-12-12 09:58:52
下一篇 2023-12-12 09:58:52

相关推荐

  • Google谷歌学术镜像网站合法吗

     1.国内很多谷歌爱好者创建了Google谷歌学术镜像网站,不定期爬取Google谷歌搜索中的学术数据,然后部署到国内的云服务器上,给国内的网友提供学术的搜索和查询服务。   2.谷歌学术镜像网站不合法,但谷歌不追究镜像网站的责任,就没有问题,加上谷歌全球型大企业,一般很少注意到被镜像的问题。   3.由于受到网络因素的相关影响,目前谷歌学术在国内是无法直接访问的,于是就出现了很多的Google学术镜像网站,为大家提供了很多的

    2023-01-27 06:43:19
  • 京东618活动开始时间是什么时候?

    2023年京东5月23号开始。 时间:618活动通常在6月18日前后展开,具体时间可能会有所不同,每年的具体日期和活动时间会根据电商平台而有所调整。2023年京东5月23号开始。

    2023-08-05 22:26:00