php - 如何验证 jquery 对象内的每个值

Question

我有以下功能:

jQuery 代码:

function validarEnviarPatrocinio(){

        var fila = $("#fila").val();

        for(var e=1; e<6; e++){
            $("#email_contactopatrocinador"+e).val($("#email_contactopatrocinador"+e+fila).val());
            var email = $("#email_contactopatrocinador"+e+fila);                
        }           
 }

PHP/HTML 代码:

<?php foreach ($this->items as $i => $item): ?>

<?php for($e=1; $e<6; $e++){ ?>
    <label for="email_contactopatrocinador<?php echo $e.$i; ?>">
        <?php echo JText::_('COM_CSTUDOMUS_GANA_PATROCINADOR_EMAIL');?>
    </label>

<input name="email_contactopatrocinador<?php echo $e.$i; ?>" id="email_contactopatrocinador<?php echo $e.$i; ?>" placeholder="<?php echo JText::_('COM_CSTUDOMUS_EJEMPLO_EMAIL');?>" type="email" />
<?php } ?>

<button id="enviarForm2" onclick="document.getElementById('cb<?php echo $i; ?>').checked = true; document.getElementById('seleccionado').value = <?php echo $item->id_inmueble; ?>;  document.getElementById('fila').value = <?php echo $i; ?>; if(!validarEnviarPatrocinio()) return false; Joomla.submitbutton('saloninmobiliarios.ganapatrocinador');" class="uk-button uk-float-right"><?php echo JText::_('COM_CSTUDOMUS_PATROCINADOR_SEND_RECOM'); ?></button>

<?php endforeach; ?>

<input type="hidden" name="fila" id="fila" value=""/>

此函数循环遍历 5 个“电子邮件”类型的输入字段。我想对每个输入进行验证，确保它们在其中插入电子邮件格式。他们填写哪个字段或留空并不重要。

Answer 1

你让事情变得复杂了。无需使用 ID 来选择目标元素，当您有多个共享相同角色的元素时，应使用类。您可以向元素添加类并使用 jQuery each 方法迭代选定的元素:

$('.email_fields').each(function() {
    var email = this.value;
    // validate the element's value
});

如果需要为元素添加唯一标识符，可以继续添加 id 属性或特定的 data 属性，例如 data-id="...” 到元素并获取 data 属性的值，您可以使用 jQuery data 方法。

// within the `each` callback context
var id = $(this).data('id');