今天做个弹框提交表单,信息不全时候跳转到后台检测,不符合要求返回到前台,虽然不能添加成功,但用户体验不好,所以改成提交前验证

<form class="am-form" action='' method="post" id="add_form" onsubmit="return check()" >
代码区
</form>
<script type="text/javascript">
  function check(){
    $meeting_name = $('#meeting_name').val();
    $join = $("input[type='checkbox']").is(':checked');
    if( $meeting_name == '' ){
      alert('请填写会议名称');return false;
    }
    if( $join === false ){
      alert('请选择参加人员');return false;
    }
    return true;
  }
</script>

注意:
1.form中添加 onsubmit="return check()"
2.check()中必须有return,onsubmit认为ture或者不写都为提交,只有false才不提交
3.checkbox判断是否选中 $("input[type='checkbox']").is(':checked') 选中为ture,没选中为false