同时满足多个文本框不为空值按钮呈现可用激活状态disabled

最新推荐文章于 2021-09-06 18:36:55 发布
最新推荐文章于 2021-09-06 18:36:55 发布
阅读量466 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/561954
版权

项目需要，自己写了一个jquery代码，该代码需要满足两个文本框都不为空值，按钮才可用激活状态。

请转载此文的朋友务必附带原文链接，谢谢。

原文链接：http://xuyran.blog.51cto.com/11641754/1827959

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
< html >
     < head >
         < meta  charset = "UTF-8" >
         < meta  name = "viewport"  content = "width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" >
         < script  src = "../../js/jquery.js" ></ script >
         < script  src = "../../js/mui.min.js" ></ script >
         < link  href = "../../css/mui.min.css"  rel = "stylesheet"  />
         < link  rel = "stylesheet"  href = "../../css/iconfont.css" >
         < link  rel = "stylesheet"  href = "../../css/app.css" >
         < title >红包设置</ title >
         < script >
             $(document).ready( function(){
                  $(".mui-input-row input").keyup(function(){
                    var value2 = $(this).parent().siblings().find("input").val();
                 
             if( this.value !=""&& value2 !=""){
                 $(".sc-btn button").attr("disabled",false);
             }else{$(".sc-btn button").attr("disabled",true);}
           });
 
                 
});
         </ script >
         < style >
             html,body{background: #fef9f4;}
             .mui-content{padding-top: 20px;background: #fef9f4;}
             .mui-input-row,.mui-input-row:last-child{width: 90%;margin: auto;background: #FFFFFF;margin-bottom: 10px;}
             .mui-input-row label{font-family: "微软雅黑";}
             h2{text-align: center;font-weight: normal;padding: 40px 0 0;}
             .sc-btn{width: 90%;margin: auto;padding-top: 80px;}
             .mui-btn-block{padding: 10px 0;}
             .mui-btn-blue{background: #a02227;border: none;}
             .mui-btn-blue.focus-active{background: #a02227;}
         </ style >
         
     </ head >
     < body >
         < div  class = "mui-content" >
         < div  class = "mui-input-row" >
             < label >红包个数</ label >
             < input  type = "text"  placeholder = "填写红包个数" >
         </ div >
         < div  class = "mui-input-row" >
             < label >单个金额</ label >
             < input  type = "text"  placeholder = "填写神灯币" >
         </ div >
         < h2 >￥30个神灯币</ h2 >
          < div  class = "sc-btn" >
           < button  type = "button"  class = "mui-btn mui-btn-blue mui-btn-block"  disabled = "disabled" >付款</ button >
            </ div >
         </ div >
     </ body >
</ html >

效果预览：

wKioL1eO1rXjVrZiAAAy-c4bZpY303.png-wh_50

wKiom1eO1raAu_yWAAAwm9Uqt84231.png-wh_50

本文转自  小旭依然  51CTO博客，原文链接:
http://blog.51cto.com/xuyran/1827959
weixin_33966095
关注
高薪程序员&面试题精讲系列34之List、Set、Map可不可以存空值？
一一哥
12-09 2368
Java不同集合对空值null的处理
jquery中当text文本框为空时，button按钮是disabled状态，否则为enable状态
u011287632的专栏
12-16 5943
用on事件替换：
C#判断多个文本框是否为空的方法
12-31
本文实例讲述了C#判断多个文本框是否为空的方法。分享给大家供大家参考。具体实现方法如下： /// <summary> /// 自定义方法，判断项目中txt标签是否为空 /// </summary> /// <param name=txt>要进行判断为空的标签</param> /// <returns>是否全部都不为空，如果全部都不为空返回 true </returns> bool CheckEmpty(params TextBox[] txt) { bool flag = true; for (int i = 0; i < txt.Length; i++) { if (txt[i].Te
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
jia12216的专栏
08-15 391
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色。 也可以实现按钮是否可以点击。 -(UIView *)inputTextFiled{ if (!_inputTextFiled) { _inputTextFiled = [self createTextField]; _inputTextFiled.keyboardType = UIKeyboardTypeDefault; _inputTextFiled.font = [UIFont system
Android 当两个文本框同时不为空时，按钮可用
qq_40480758的博客
11-15 1580
啥也不薛，先看效果图 主要就是去设置文本框的监听事件，由于有两个文本框，所以直接调用两次就行，之前去嵌套着调用，既麻烦，还容易出错，我最终也没通过嵌套搞出来，唉，然后就百度到了另一种方法，在这里记下来，算是学习之路的一个交代。 下面直接贴代码： //对文本框的监听事件 TextWatcher textWatcher = new TextWatcher() { ...
layer.prompt使文本框为空的情况下也能点击确定的方法
01-19
最近一直在使用layui，但是用到弹出层layer.prompt时，如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值，看看我原来的代码。 layer.prompt({ formType: 0, value: '初始值', title: '...
js 获取页面中全部文本框,并判断是否为空
03-23
js 获取页面中全部文本框,并判断是否为空，批量检查文本框是否空值。保证可以使用。
Axure8案例（二）：注册会员框关于立即注册按钮的禁用和启用
Kayla1014的博客
10-22 1734
Axure8案例（二）：注册会员框关于立即注册按钮的禁用和启用Axure8案例（二）：注册会员框关于立即注册按钮的禁用和启用一、前期准备二、内容效果三、具体步骤一点体会参考资料 Axure8案例（二）：注册会员框关于立即注册按钮的禁用和启用 正在自学Axure8，用的是OS Sierra系统，参考教材是《Axure RP 8——网站和APP原型制作从入门到精通》，讲的很细致，同时也会学习其他人发布...
文本框为空按钮不可点击
weixin_45743799的博客
11-03 3658
在form表单的提交中判断输入框的内容是否为空，如果输入框的内容为空则按钮不可点击，只有当输入框的内容不为空时才能点击并执行之后的提交等操作。 效果图演示 输入框为空（按钮不可点击，点击无效果） 输入框不为空时（可以点击，点击跳转到此页面） 功能分析： 获取输入框内容 判断内容是否为空 如果为空则bukedianji 如果不为空可以点击并执行后面操作 注意：写代码之前一定记住架包的引入 代...
Axure RP使用攻略--入门级（四）条件生成器
qq_61412264的博客
09-06 790
条件生成器   在axure原型制作的过程中，很多时候我们需要触发一个又一个事件，以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指定的动作。比如：文本框文字为空的时候点击按钮无效。或者拖动动态面板没到达指定位置退回原位等。 这一节教程我们就讲一下，如何使用条件生成器，至于条件的设置，以后结合相关的案例再逐渐深入。 （一）条件逻辑 条件生成器是在我们双击某一事件打开用例编辑器后才能打开。如截图里1的位置，蓝色的“添加条件”点击后即打开条件生成器。 打开条件生成器后，2的位置.
vue+element实现当两个输入框有值按钮才可点击
wjw_de_java的博客
11-27 2143
1.当这两个值为空，disabled为true，反则为false:disabled="this.viewForm.areaNo === undefined || this.viewForm.collateralAddress === undefined " <el-col :span="2" style="margin-left: -60px"> <div align="center">
pyqt5 多个文本框 为空校验
最新发布
08-11
在PyQt5中，如果你想要对多个文本框（QLineEdit）进行空值校验，你可以通过信号槽（signals and slots）机制或者自定义验证函数来实现。这里是一个简单的例子： 1. **使用信号槽：** - 给每个文本框设置一个`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值