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

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

LD0807
LD0807 回复小白2017: 我贴在楼下了哈,我写的个简单的DOM
11 个月之前 回复
LD0807
LD0807 回复小白2017: 等下哈,我正在测试
11 个月之前 回复
tangchao2010
tangchao2010 回复海之沐: 用jquery了,你要是帮写下,实在太感谢了!
11 个月之前 回复
LD0807
LD0807 回复小白2017: 好写,你用jquary没有?还是用的纯js
11 个月之前 回复
tangchao2010
tangchao2010 回复海之沐: 同志,这是不是不好写啊,我不会写
11 个月之前 回复
tangchao2010
tangchao2010 回复海之沐:写的是网页
11 个月之前 回复
LD0807
LD0807 回复小白2017: 你是写的网页还是安卓面板?react-native还是什么
11 个月之前 回复
tangchao2010
tangchao2010 回复海之沐: 我不知咋写啊,能贴出代码吗,谢谢
11 个月之前 回复
LD0807
LD0807 事件,不是时间
11 个月之前 回复
qq_37323329
qq_37323329   2017.01.12 17:53

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

u012976158
u012976158   2017.01.12 18:00


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

u012976158
u012976158 回复强化脑细胞: 具体的你在写一写就行了
11 个月之前 回复
u012976158
u012976158 大概意思 看这个代码<c:if test="${!item.isOnline()}"> <a href=" " disabled="true" class="easyui-linkbutton">手动加油</a>
11 个月之前 回复
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 请多一些真诚,少一些套路!
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!