jquery 禁止页面form提交的通用方法

本文转载自查看原文 2012-08-27 11:23 6852 前端技术（html5/ jquery/ css3等）

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
   $("#sub").bind("click",function(event){
         var username = $("#username").val();  //获取元素的值
         if(username==""){     //判断值是否为空
       $("#msg").html("<p>文本框的值不能为空.</p>");  //提示信息
       return false;
   }
   })
})
</script>
</head>
<body>
<form action="test.html">
用户名：<input type="text" id="username" />
<br/>
<input type="submit" value="提交" id="sub"/>
</form>
<div id="msg"></div>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Jquery实现form表单提交后局部刷新页面的多种方法 form表单禁止button 提交 jquery.form.js实现将form提交转为ajax方式提交的使用方法 vue el-form鼠标事件导致页面刷新解决方案；vue 阻止多次点击提交数据通用方法使用jquery.form.js的ajaxsubmit方法提交数据的Bug jquery实现ajax提交form表单的方法总结（转） form表单提交不刷新页面的方法利用jquery.form.js实现将form提交转为ajax方式提交的方法（带上传的表单提交）通过jquery实现form表单提交后不跳转页面，保留当前页面 jquery ajax form 提交图片文件