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