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