Question

用jquery 当textarea里内容被清空时，提交按钮禁用？是怎么触发的？？

用jquery 当textarea里有内容时 提交按钮可用 当textarea里内容被清空时，提交按钮禁用？请问怎么办？
输入字符按钮启用之后 再清空时 按钮禁用

Answer 1

先将提交按钮作为隐藏域，在当textarea写入内容时，触发js方法将按钮由隐藏变为显示。

Answer 2

给textarea class=”thistext“ 按钮 class=”submit“
应该可以直接拷贝运行
$(document).ready(function(){
$(".thistext").focusout(function(){
if( $(this).val() == "" )
{
$(".submit").attr("disabled","disabled")
}
else
{
$(".submit").removeAttr("disabled");
}
});
});

对，根据不同情况可能change方法比focusout方法更适合你

Answer 3

<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="mytxt" id="mytxt" cols="45" rows="5"></textarea>
</label>
<p>
<label>
<input type="submit" name="button" id="mybtn" value="提交" />
</label>
</p>
</form>
<script type="text/javascript">
$(document).ready(function(){
var mytt=$("#mytxt");
var mybtn=$("#mybtn");
mybtn.attr("disabled","disabled");

mytt.change(function(){
if(mytt.val()!="")
{
mybtn.removeAttr("disabled");

}
else
{
mybtn.attr("disabled","disabled");
}
});
});
</script>

Answer 4

$(document).ready(function(){
$("textarea").get(0).change(function(){
if( $.trim(this.value) == "" )
{
$("input:submit").attr("disabled","disabled");
}
else
{
$("input:submit").removeAttr("disabled");
}
});
});