html里如果输入框为空，则提交按钮不可用，反之可用怎么做
2个回答
展开全部
需要通过脚本校验
1、给输入框绑定事件，当焦点离开时校验输入框内容是否为空
2、根据校验结果设置提交按钮属性
<input id="uname" >
<button id="btn">提交</button>
$(function(){
$("#uname").blur(function(){
var text = $(this).val().trim();
if(text == ""){
$("#btn").attr({"disabled":"disabled"});
}else{
$("#btn1").removeAttr("disabled");
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> <style>
</style>
</head>
<body>
<input id="text" type="text" id="radio" value=""/>
<input id="submit" type="submit" disabled="disabled" />
</body>
</html>
<script>
$(document).ready(function(){
$("#text").bind("input propertychange", function() {
var value=$("#text").val();
if(value==""){
$("#submit").attr("disabled",true);
}else{
$("#submit").attr("disabled",false);
}
})
});
</script>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> <style>
</style>
</head>
<body>
<input id="text" type="text" id="radio" value=""/>
<input id="submit" type="submit" disabled="disabled" />
</body>
</html>
<script>
$(document).ready(function(){
$("#text").bind("input propertychange", function() {
var value=$("#text").val();
if(value==""){
$("#submit").attr("disabled",true);
}else{
$("#submit").attr("disabled",false);
}
})
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
