我有一个页面,我有一个表,它包含每行内的3个文本框,我在页面底部有一个添加行按钮,通过单击这应该向表中添加一个新行,但它应该触发这个仅当表中的所有输入都不为空时才执行操作.无论如何,我已经做了一点点,但它对我不起作用.任何人都可以查看我的代码并帮助我弄清楚这有什么问题吗?
我在JQuery中所做的工作如下
// Add functionality Scripts
$('#teacherAdd').live('click', function(event) {
if(IsValidTableContent()){
// my code to add new row
return false;
}else{
event.preventDefault();
}
});
function IsValidTableContent(){
var isvalid = false;
$('#adminList tbody tr td input:text').each(function(){
if($(this).val() == ''){
return isvalid;
}else{
isvalid = true;
return isvalid;
}
});
return isvalid;
}
Run Code Online (Sandbox Code Playgroud)
也类似你能说如何遍历表中的选择框来检查是否选择了第一个选项?
这样的东西应该工作(假设您的选择器是正确的):
function IsValidTableContent(){
var isvalid = true;
$('#adminList tbody tr td input:text').each(function(){
if ($(this).val() === '') {
isvalid = false;
return false; // breaks out of each loop
}
});
return isvalid;
}
Run Code Online (Sandbox Code Playgroud)
或者:
function IsValidTableContent(){
return $('#adminList tbody tr td input:text').filter(function() { return $(this).val() === '';}).length === 0;
}
Run Code Online (Sandbox Code Playgroud)