[天友网]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>

给TA买糖
共{{data.count}}人
人已赞赏
其他

[天友网]JavaScript 对象

2021-7-29 16:33:42

其他

[天友网]手写jquery制作列表视频弹窗播放

2021-8-9 17:30:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索