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

问题描述：

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

答

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

答

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

答

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

答

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

答

    <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);
        }
    })

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

相关推荐