文本框为空按钮不可点击

在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>

代码较少，但可以解决我们的大问题。

了解更多关注我呦！！！

文本框为空按钮不可点击相关推荐

java用按钮控制文本框隐藏与显示_编写JAVA程序，在其中有一个按钮和一个文本框。单击按钮时，文本框中显示按钮上显示的字。...
展开全部一e68a8462616964757a686964616f31333363373766 主要实现技术 Java图形化界面,较为常见的有awt, swing 和swt, 一般使用SWING来 ...
css搜索的文本框,一个很不错的CSS改写的大表单文本框和搜索按钮组
<一个很不错的CSS改写的大表单文本框和搜索按钮组>要点: 本文介绍了一个很不错的CSS改写的大表单文本框和搜索按钮组,希望对您有用.如果有疑问,可以联系我们. 先看效果图: 开始爬取 C ...
vb.net 文本框为空提示，一键清空文本框所有内容
已经第二次机房收费系统重构了,一遍当然得有一遍的效果,正如对于文本框为空的提示方法,回顾第一遍机房,那些傻里傻气的If语句让自己对代码的亲和度大打折扣啊!那么到底有什么办法解决那些重复性的判断呢?这时 ...
python作业.创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；第 2 个文本框绑定＜a＞键事件，敲击键盘 a 字符，在交互窗口中显示 10
""" 创建两个文本框,一个按钮. 第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符: 第 2 个文本框绑定<a>键事件,敲击键 ...
创建两个文本框，一个按钮。第 1 个文本框绑定任意键事件，敲击键盘任意可显示字符，在交互窗口中显示该字符；
创建两个文本框,一个按钮.第 1 个文本框绑定任意键事件,敲击键盘任意可显示字符,在交互窗口中显示该字符:第 2 个文本框绑定键事件,敲击键盘 a 字符,在交互窗口中显示 10 个'a'字符:按钮绑定 ...
web界面文本框内部加按钮
浏览网页时,界面经常可以见到这样的搜索框设计: 看着就像一个文本框内嵌套了一个按钮,想着是不是有哪个方式能够直接实现这种组件的方式,但是找了找在实际的web里边并没有标办法直接实现这种界面样式.找了很 ...
Java图形window界面创建一个文本框和一个按钮awt容器
package com.java;import java.awt.*;public class HelloWorld {public static void main(String[] args) { ...
html 文本框回车触发按钮点击事件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
tkinter模块高级操作（一）—— 透明按钮、透明文本框、自定义按钮及自定义文本框
[写在前面] -- 众所周知,tkinter模块中自带的Button类是无法做到使其透明的(至少我无法做到) [tip:透明是指让背景颜色或图片穿过按钮而显示出来] -- 找遍了Button类的所有参 ...

文本框为空按钮不可点击

在form表单的提交中判断输入框的内容是否为空，如果输入框的内容为空则按钮不可点击，只有当输入框的内容不为空时才能点击并执行之后的提交等操作。

效果图演示

代码演示

文本框为空按钮不可点击相关推荐

最新文章

热门文章