在form表单的提交中判断输入框的内容是否为空,如果输入框的内容为空则按钮不可点击,只有当输入框的内容不为空时才能点击并执行之后的提交等操作。
效果图演示
输入框为空(按钮不可点击,点击无效果)
输入框不为空时(可以点击,点击跳转到此页面)
功能分析:
- 获取输入框内容
- 判断内容是否为空
- 如果为空则bukedianji
- 如果不为空可以点击并执行后面操作
注意:写代码之前一定记住架包的引入
代码演示
<!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>
代码较少,但可以解决我们的大问题。
了解更多关注我呦!!!