文本框为空按钮不可点击
生活随笔
收集整理的這篇文章主要介紹了
文本框为空按钮不可点击
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在form表單的提交中判斷輸入框的內容是否為空，如果輸入框的內容為空則按鈕不可點擊，只有當輸入框的內容不為空時才能點擊并執行之后的提交等操作。
效果圖演示
輸入框為空（按鈕不可點擊，點擊無效果）
輸入框不為空時（可以點擊，點擊跳轉到此頁面）
功能分析：
注意：寫代碼之前一定記住架包的引入
代碼演示
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><script src="js/jquery.js"></script></head><body><form method="post" action="success.html">賬號：<input type="text" name="name" id="name" /><br />密碼：<input type="password" name="pwd" id="pwd" /><br /><input type="submit" value="登陸" /></form></body><script>$(function(){$("form").submit(function(){var name = $("#name").val();var pwd = $("#pwd").val();var nameFlag = false;var pwdFlag = false;if(name == "" || name == "undefined"){nameFlag = false;}else{nameFlag = true;}if(pwd == "" || pwd == "undefined"){pwdFlag = false;}else{pwdFlag = true;}if(nameFlag == false || pwdFlag == false){return false;}else{return true;}});});</script> </html>代碼較少，但可以解決我們的大問題。
了解更多關注我呦！！！
總結
以上是生活随笔為你收集整理的文本框为空按钮不可点击的全部內容，希望文章能夠幫你解決所遇到的問題。
