jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery Elegant Way查看所有输入字段是否不同大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含十几个电子邮件输入字段的表单,每封电子邮件都必须是唯一的.通过 jquery在所有字段之间执行比较而不手动编写如下所有比较的最优雅方式是什么:

if($("#email1").val() == $("#email2").val() || ....)  {
    isValid = false;
    alert("emails must be unique.");
}

提前致谢!

解决方法

最简单的方法是将电子邮件放入Set中,并比较其大小:

const $inputs = $('input[id^=email]');

const uniques = new Set($input.map((i,el) => el.value).get());

if (uniques.size < $inputs.length) {
    alert('Emails must be unique.');
}

如果您不能使用ES6(或其他现代JS@L_616_8@),请使用jQuery的inArray

var values = [];

$('input[id^=email]').each(function () {
    if ($.inArray(this.value,values) >= 0) {
        alert('Emails must be unique.');

        return false; // <-- stops the loop
    }

    values.push(this.value);
});

如果该选择器过于宽泛,您可以在逗号分隔的列表中指定您的ID,如下所示:

$('#email1,#email2,#email3') // ...and so on

或者只是为要选择的所有元素添加一个类……

@H_674_36@

大佬总结

以上是大佬教程为你收集整理的jQuery Elegant Way查看所有输入字段是否不同全部内容,希望文章能够帮你解决jQuery Elegant Way查看所有输入字段是否不同所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。