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表單提交后局部刷新頁面的多種方法 Jquery實現form表單提交后局部刷新頁面的多種方法 form表單禁止button 提交 jquery模擬form表單提交並新打開頁面 jquery.form.js實現將form提交轉為ajax方式提交的使用方法 vue el-form鼠標事件導致頁面刷新解決方案；vue 阻止多次點擊提交數據通用方法 Jquery構建Form表單Post提交數據的簡單方法【Jquery+Express.js】 submit() 方法提交form JQuery Ajax() serialize()方法提交Form表單數據 jQuery EasyUI 表單(Form)用法 ajax提交方法