html表单为空不能提交

完成一个html表单后,有时候我们需要表单中某些位置不能为空。这个时候就需要js来设置一下了。

<script src="../js/jquery-1.11.1.js"></script>
<script src="../js/bootstrap.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){
 $("#turn_result").click(function(){
 if (checkall()){
 $("#form_input").submit();}
 });
 });

function checkall(){
   var email = $("#input_email");
   var snp_name = $("#input_name");
   if(email.val() == ""){
      alert("邮箱不可为空");
      return false;
   }
   else if(snp_name.val() == ""){
      alert("SNP不能为空");
      return false;
   }
   else return true;
}
</script>

参考资料:

http://bbs.csdn.net/topics/390893971

这里是一个广告位,,感兴趣的都可以发邮件聊聊:tiehan@sina.cn
个人公众号,比较懒,很少更新,可以在上面提问题,如果回复不及时,可发邮件给我: tiehan@sina.cn