入门客AI创业平台(我带你入门，你带我飞行)
博文笔记

jQuery验证阻止表单提交

创建时间：2011-03-23 投稿人： 浏览次数：12591

  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gbk">  
  4. <script type="text/javascript" src="/sunchis/script/jquery-1.3.2.js"></script>  
  5. <script type="text/javascript">  
  6. $(document).ready(function(){  
  7.     $(":submit[id=tijiao]").click(function(check){  
  8.         var val = $(":text[id=test]").val();  
  9.         if(val==""){  
  10.             alert("文本框输入为空，不能提交表单！");  
  11.             $(":text[id=test]").focus();  
  12.             check.preventDefault();//此处阻止提交表单  
  13.         }  
  14.     });  
  15. });  
  16. </script>  
  17. <title>jQuery禁止提交表单</title>  
  18. </head>  
  19. <body>  
  20. <form action="index.htm" method="post">  
  21.     <input type="text" name="test" id="test">  
  22.     <input type="submit" id="tijiao" value="提交">  
  23. </form>  
  24. </body>  
  25. </html> 
声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。
  • 上一篇：没有了
  • 下一篇：没有了
未上传头像

copyright © 2008-2019 入门客AI创业平台 版权所有 备案号：湘ICP备2023012770号