如果有一个或多个输入字段为空,如何禁用发送按钮?
我在伪代码中的尝试
if ( $("input:empty") ) {
$("input:disabled")
}
else
// enable the ask_question -button
我一直在阅读这些文章但没有找到正确的解决方案
-
关于空的官方文档 http://docs.jquery.com/Selectors/empty:这就像不相关,因为它查找所有输入字段
-
关于 jQuery 中禁用功能的线程 https://stackoverflow.com/questions/882406/jquery-disable-button-not-submit-until-field-validates-validation-plugin: 这似乎是相关的
-
能够测试 jQuery Firefox/终端 https://stackoverflow.com/questions/635240/selecting-all-empty-text-fields-in-jquery: 获得一个测试环境对我帮助最大
我现在使用以下代码。
它包含一个关于角色的错误;
,但我找不到它。
#1
$(document).ready(function(){
$("#ask_form").validate(){
rules: {
username {
required: true,
minlenghth: 2
},
email: {
required: true;
minlength: 6
},
password {
required: true,
minlength: 6
}
}
});
}
#2 梅德代码
我稍微修改了 Meder 的代码。它禁用send
- 按钮永久存在,因此它也有一个错误。
$(document).ready(function(){
var inputs = $('input', '#ask_form'), empty = false;
// can also use :input but it will grab textarea/select elements and you need to check for those..
inputs.each(function() {
if ( $(this).val() == '' ) {
empty = true;
return;
}
});
if ( empty ) {
$('.ask_question').attr('disabled', 'disabled'); // or true I believe.
}
});
var $submit = $("input[type=submit]");
if ( $("input:empty").length > 0 ) {
$submit.attr("disabled","disabled");
} else {
$submit.removeAttr("disabled");
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)