当文本框中包含数据时禁用按钮
Disable a button when textbox has data in it
>我看到很多人要求在文本框为空时禁用按钮。 当文本框有数据时禁用按钮怎么样?
这是我的按钮代码
<input type="submit" name="submit" value="Reserve" />
这是我的文本框代码
Name : <br><br><input type="text" name="name" value="<?php echo $name;?>" <?php if($name != "") echo "readonly"?> /> <br><br>
Name : <br><br><input type="text" name="name2" value="<?php echo $name2;?>" <?php if($name2 != "") echo "readonly"?> /> <br><br>
<input type="submit" name="submit" value="Reserve" <?php echo ($name != "")?"disabled":""; ?>/>
使用 jQuery
$(":input").bind('keyup mouseup',function(){
disable_button();
});
function disable_button()
{
flag = false;
$(":input").each(function(){
if($(this).val()==""){
flag=true;
}
});
if(flag){
$("input[type=submit]").prop("disabled",false);
}
else
{
$("input[type=submit]").prop("disabled",true);
}
}
演示
相关文章:
- 如何将数据从onclick按钮传递到变量
- 单击按钮时加载数据
- 当使用ajax并将html数据保存为对象时,收听浏览器返回按钮.好的或坏的
- 创建按钮,根据表单字段中的数据获取特定的URL
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- HTML按钮刷新页面而不是将数据发送到数据库
- 数据切换=“;按钮”;在JavaScript中无法识别引导程序单选按钮
- 数据应该只显示与我单击的按钮有关的信息
- 如何根据某些条件向可编辑的jquery数据表添加或删除按钮
- 如何将按钮的数据属性设置为输入[type=text]中设置的任何值
- 单击按钮即可显示带有提取的json数据的表
- 基于单选按钮和复选框的数据表排序
- 未提交单选按钮数据
- 如何在AngularJS(ng-repeat)中获取选定的单选按钮数据
- 表单中没有发送按钮数据
- 在会话中存储单选按钮数据
- 如何通过按钮数据属性过滤JSON文件
- 剑道按钮数据点击内剑道网格模板不工作
- JQuery按钮数据返回为Null
- 通过Ajax向PHP发送单选按钮数据(值)