JavaScript:如果字段已填充,则启用按钮不是自动的
JavaScript:如果字段已填充,则启用按钮不是自动的,javascript,google-chrome,Javascript,Google Chrome,函数checkValid(){ var cbChecked=$(“.fakeRadio”).is(“:checked”);//检查是否选中 var hasText=$(“#电子邮件下载文档”).val().length>0;//检查它是否有文本 $(“#文档选择按钮”).prop(“已禁用”、!cbChecked | | hasText); } $(函数(){ checkValid();//第一次运行它 $(.fakeRadio”).on(“change”,checkValid);//绑定复选框
函数checkValid(){
var cbChecked=$(“.fakeRadio”).is(“:checked”);//检查是否选中
var hasText=$(“#电子邮件下载文档”).val().length>0;//检查它是否有文本
$(“#文档选择按钮”).prop(“已禁用”、!cbChecked | | hasText);
}
$(函数(){
checkValid();//第一次运行它
$(.fakeRadio”).on(“change”,checkValid);//绑定复选框
$(“#电子邮件下载文档”)。在(“更改”,选中有效)//绑定文本框
});代码>
电子邮件地址
在Javascript中尝试使用“输入”事件而不是“更改”事件,以便在用户键入字段时触发函数。尝试使用事件而不是更改
当
、
或
元素的值更改时,将同步触发DOM输入事件
函数checkValid(){
var cbChecked=$(“.fakeRadio”).is(“:checked”);//检查是否选中
var hasText=$(“#电子邮件下载文档”).val().length>0;//检查它是否有文本
$(“#文档选择按钮”).prop(“已禁用”、!cbChecked | | hasText);
}
$(函数(){
checkValid();//第一次运行它
$(.fakeRadio”).on(“输入”,checkValid);//绑定复选框
$(“#电子邮件下载文档”)。在(“输入”,选中有效)//绑定文本框
});代码>
假收音机
电子邮件地址
默认情况下禁用HTML按钮
<input id="document-choice-button" type="submit" ... disabled="disabled" />
PS:这将使您在文本字段中键入或清除文本时启用/禁用按钮。如果只想在退出文本字段后禁用/重新启用,则需要将该功能附加到change
事件
$("#email-download-document").change(function(){ //triggered after leaving textbox
if ($(this).val().length>0) {
$("#document-choice-button").removeProp("disabled");
} else {
$("#document-choice-button").prop("disabled","disabled");
}
});
$(“#电子邮件下载文档”).keyup(函数(){
如果($(this.val().length>0){
$(“#文档选择按钮”).removeProp(“禁用”);
}否则{
$(“#文档选择按钮”).prop(“禁用”、“禁用”);
}
});代码>
电子邮件地址
它似乎起作用了!多亏了你,我有了考试,所以谢谢你;)就这样!非常感谢。
$("#email-download-document").change(function(){ //triggered after leaving textbox
if ($(this).val().length>0) {
$("#document-choice-button").removeProp("disabled");
} else {
$("#document-choice-button").prop("disabled","disabled");
}
});