jQuery验证阻止表单提交
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gbk">
- <script type="text/javascript" src="/sunchis/script/jquery-1.3.2.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(":submit[id=tijiao]").click(function(check){
- var val = $(":text[id=test]").val();
- if(val==""){
- alert("文本框输入为空，不能提交表单！");
- $(":text[id=test]").focus();
- check.preventDefault();//此处阻止提交表单
- }
- });
- });
- </script>
- <title>jQuery禁止提交表单</title>
- </head>
- <body>
- <form action="index.htm" method="post">
- <input type="text" name="test" id="test">
- <input type="submit" id="tijiao" value="提交">
- </form>
- </body>
- </html>
声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。
- 上一篇： EasyUI中使用自定义的icon图标
- 下一篇： stat函数
