我正在试图找出一种合理的方式来显示和操作一个尚未在表单中填充的必填字段的数组/列表 – 这样我就可以将此信息输出给用户并从列表中删除每个项目当用户经历并填充字段时(作为一种进度指示器).有关如何最好地处理这个的任何想法？
我正在考虑以下几点：
var reqFields = [];
jQuery('label.required').each(function() {
console.log(jQuery(this).text());
reqFields.push(jQuery(this).text());
});
jQuery('.custom-field').on('input',function() {
if (jQuery('.required-entry').filter(function() {
return this.value.length === 0;
}).length === 0) {
// Remove this from the list/array
} else {
}
});
最佳答案
在输入事件检查值并相应地添加/删除数组中的项目.
var reqFields = [];
jQuery('label.required').each(function() {
console.log(jQuery(this).text());
reqFields.push(jQuery(this).text());
});
jQuery('.custom-field').on('input',function() {
if (this.value) {
// Remove this from the list/array
reqFields.splice(jQuery(this).index(),1);
// jQuery(this).index() havent tried,else just compute index some other way
} else {
// add back if cleared out
reqFields.push( jQuery('label.required').eq(jQuery(this).index()).text());
}
});
