jquery复选框和文本框验证
我有这个提交按钮,只有当用户在所有文本字段中输入一个单词并从我的复选框中选择至少一个单词时,它才会启用。这是我的代码:jquery复选框和文本框验证,jquery,checkbox,textbox,Jquery,Checkbox,Textbox,我有这个提交按钮,只有当用户在所有文本字段中输入一个单词并从我的复选框中选择至少一个单词时,它才会启用。这是我的代码: $(document).ready(function() { $('#btnAddUser').attr('disabled', true); var checkboxes = $("input[type='checkbox']"); $('#txtName' && '#txtLastname').on("keyup", action)
$(document).ready(function() {
$('#btnAddUser').attr('disabled', true);
var checkboxes = $("input[type='checkbox']");
$('#txtName' && '#txtLastname').on("keyup", action);
function action() {
if ($('#txtName' && '#txtLastname').val().length > 0) {
$('#btnAddUser').attr("disabled", false);
} else {
$('#btnAddUser').attr("disabled", true);
}
}
var checkboxes = $("input[type='checkbox']"),
submitButt = $("#btnAddUser");
checkboxes.click(function() {
if ($(this).is(':checked')) {
$('#btnAddUser').prop("disabled", false);
} else {
$('#btnAddUser').prop("disabled", true);
}
});
});
我的文本框功能和复选框功能目前是分开的,如果用户没有在文本框中输入单词并选择任何可用的复选框,我将如何将其合并到一个功能中,以便它不会启用提交按钮。谢谢我真的需要尽快完成这项工作。我创建了两个属性,
disabled1
和disabled2
。
第一个保存文本字段的验证,第二个保存复选框的验证
如果两次验证都成功,则按钮将被启用或禁用
代码
$(document).ready(function() {
var disabled1 = true;
var disabled2 = true;
var checkboxes = $("input[type='checkbox']");
$('#txtName' && '#txtLastname').on("keyup", function() {
if ($('#txtName' && '#txtLastname').val().length > 0) {
disabled1 = false;
} else {
disabled1 = true;
}
loadButton();
});
$("input[type='checkbox']").click(function() {
// Check if at least one checkbox is selected or more
if ($(':checkbox:checked').length > 0) {
disabled2 = false;
} else {
disabled2 = true;
}
loadButton();
});
function loadButton() {
if(!disabled1 && !disabled2) {
$('#btnAddUser').removeAttr('disabled');
} else{
$('#btnAddUser').attr('disabled', 'disabled');
}
}
loadButton();
});
参见JSFIDLE:
试试看
$(文档).ready(函数(){
var$btn=$('btnAddUser').prop('disabled',true);
var$checks=$(“输入[type='checkbox']”)。单击(操作);
//使用多个选择器
var$text=$('#txtName,#txtLastname')。打开(“键控”,操作);
函数动作(){
$btn.prop('disabled',!$checks.is(':checked')| |$texts.filter(函数(){
return!this.value.trim().length
}).长度>0);
}
});代码>
不需要操作
内部就绪
您能为这个问题创建一个JSFIDLE吗?这个有效!谢谢但是我有两个关于使用复选框的分类。他们应该在每个类别中至少挑选一个。这是我的工作内容。没问题。请标记答案,以便其他人可以查看解决方案。我只有最后一个问题。当第一个文本框没有输入时,我将如何对提交按钮进行编码以禁用,因为目前,除我的第一个文本框外,所有字段都可以验证。谢谢