javascript – 根据填充的必填字段构建和操作数组

前端之家收集整理的这篇文章主要介绍了javascript – 根据填充的必填字段构建和操作数组前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在试图找出一种合理的方式来显示和操作一个尚未在表单中填充的必填字段的数组/列表 – 这样我就可以将此信息输出用户并从列表中删除每个项目当用户经历并填充字段时(作为一种进度指示器).有关如何最好地处理这个的任何想法?

我正在考虑以下几点:

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());
    }
});
原文链接:https://www.f2er.com/jquery/427744.html

猜你在找的jQuery相关文章