2 tangchao2010 tangchao2010 于 2017.01.12 17:37 提问

输入框为空的时候按钮置灰不可点,输入值时按钮变成绿色可点击提交,怎么写啊,我研究了一下午

输入框为空的时候按钮置灰不可点,输入值时按钮变成绿色可点击提交,JS怎么写啊,我研究了一下午,还是没写出来,如下图 谢谢!图片说明

5个回答

LD0807
LD0807   2017.01.12 18:20
已采纳
 <html>
<script language="JavaScript" type="text/javascript"> 
function changeBtnable(){
    $("#btn").removeAttr("disabled");
}
function changeBtndisable(){
    $("#btn").attr("disabled","true");
}
function checkInput(){
    var text = $("#money").val();
    if(text==null||text==""){
        changeBtndisable();
    }
}
</script> 

<script src="jquery-3.1.1.min.js"></script>
<body> 
<div id="dd">
    <input id="money" onmouseleave="checkInput()" oninput="changeBtnable()"/>
    <input id="btn" disabled type="button"/>
</div> 

</body>
</html>

tangchao2010
tangchao2010 回复海之沐: 懂了,谢了
一年多之前 回复
LD0807
LD0807 回复小白2017: 按钮的颜色?给它class,css需要自己设置。还有很多其他做法,比如说用div做成虚拟的按钮,用背景图片的切换模拟鼠标点击的效果。这些都是可以有的。你做这些可以参考那些网站的样式来做,很轻松愉快的
一年多之前 回复
tangchao2010
tangchao2010 如何给按钮加增添颜色呢
一年多之前 回复
qq_37323329
qq_37323329   2017.01.12 17:53

给输入框加一些时间,当输入东西时按钮就可点。当数值删除完成的时候,按钮置灰。如果还要验证数字是否合法,你就确定的时候整个提示吧。

u012976158
u012976158   2017.01.12 18:00


手动加油
/c:if
你用c:if 判断是否为空 为空的话 你把按钮改一个颜色 不给他连接地址, 意思就是他可以点 但是没反应, 如果不为空 你在把颜色改一下 你在用事件发送请求

u012976158
u012976158 回复强化脑细胞: 具体的你在写一写就行了
一年多之前 回复
u012976158
u012976158 大概意思 看这个代码<c:if test="${!item.isOnline()}"> <a href=" " disabled="true" class="easyui-linkbutton">手动加油</a>
一年多之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2017.01.12 18:00
    <input type="text" />
        <input type="button" disabled="disabled" value="水水">

            $("input:text").keyup(function(){
        if($(this).val()==""){
            $('input:button').attr("disabled",true);
        }else{
            $('input:button').attr("disabled",null);
        }
    })

tangchao2010
tangchao2010 请多一些真诚,少一些套路!
一年多之前 回复
LD0807
LD0807   2017.01.12 17:47

给输入框加一些时间,当输入东西时按钮就可点。当数值删除完成的时候,按钮置灰。如果还要验证数字是否合法,你就确定的时候整个提示吧。

LD0807
LD0807 回复小白2017: 我贴在楼下了哈,我写的个简单的DOM
一年多之前 回复
LD0807
LD0807 回复小白2017: 等下哈,我正在测试
一年多之前 回复
tangchao2010
tangchao2010 回复海之沐: 用jquery了,你要是帮写下,实在太感谢了!
一年多之前 回复
LD0807
LD0807 回复小白2017: 好写,你用jquary没有?还是用的纯js
一年多之前 回复
tangchao2010
tangchao2010 回复海之沐: 同志,这是不是不好写啊,我不会写
一年多之前 回复
tangchao2010
tangchao2010 回复海之沐:写的是网页
一年多之前 回复
LD0807
LD0807 回复小白2017: 你是写的网页还是安卓面板?react-native还是什么
一年多之前 回复
tangchao2010
tangchao2010 回复海之沐: 我不知咋写啊,能贴出代码吗,谢谢
一年多之前 回复
LD0807
LD0807 事件,不是时间
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
ionic之如何设置输入框未输入时按钮不可点击,有输入值时按钮自动变为可点击
首先贴出演示结果: 那么如何开发这种效果呢?用到了Angular.js中的ng-disabled属性: 核心代码如下: HTML: {{cashBtnName || '立即提现'}} Controller //判断提现次数是否超限,若超限则不可点击,反之。 if (Config.isLogin()) { if
jquery中当text文本框为空时,button按钮是disabled状态,否则为enable状态且输入框只能输入数字。
//开始是这样的不知道怎么将onkeyup里的内容放在js中,后来经指点,发现可直接放在js的函数里。 $(document).ready(function(){   $("#t1").on("keyup", function(){     this.value = this.value.replace(/\D/g, "");     var v = $('#t1').
当输入框都有输入的时候按钮才可点击
- (void)viewDidLoad {     [super viewDidLoad];     AppDelegate *app = (AppDelegate*)[[UIApplication sharedApplication] delegate];     self.managedObjectContext = app.managedObjectContext;
iOS设置系统键盘右下角按钮不可点击状态
系统软键盘右下角的“GO”按钮在输入框无论有没有文字的情况下都是可以点击的状态 而在做搜索框时,“搜索”按钮却可以在无内容时不可点击,原来是有方法控制的,如下: textFiled.returnKeyType = UIReturnKeyGo; textFiled.clearButtonMode = UITextFieldViewModeWhileEditing; textFiled.e
如果输入框为空,则提交按钮不可用,反之可用
运行一波试试看~1.判断输入框value的方法(较好)<!DOCTYPE html> <html> <head> <script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <form name="one">
当用户输入账号与密码后,Button自动切换成可点击状态
这是最近做项目中遇到的问题,也许这个问题很简单,但对于菜鸟的我还是有一定难度的(大神请自动略过就好) 首先是解决思路: 1.明确需求,当用户同时输入账号和密码的时候,Button才进行切换.如果用户只输入其中一项,Button不做任何操作 2.用到的控件 两个EditText 一个Button(这里选择了TextView方便显示效果) 3.用到的接口 TextWatcher(编辑框监视器)
(表单重复提交)jquery验证 通过时,提交按钮变灰,不通过时正常显示
原理 ,所有表单验证通过后,form.submit();进行表单提交。 实例1 因此在在验证回来通过之后,表单提交前 设置提交按钮为灰 document.getElementById("signupbutton").disabled=true;             form.submit();   //自定义验证规则 $(document).rea
当EditText输入框内容为空时,按钮不可点击
EditText有一个内容改变的监听事件 addTextChangedListener      edittext.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2
点击一个按钮后,使按钮变灰(不可能点)
pageEncoding="UTF-8"%> 按钮变灰(不可点击)     function upload(obj){         document.getElementById(obj).disabled = true;     }                    主要是把
jquery中当text文本框为空时,button按钮是disabled状态,否则为enable状态
用on事件替换: