Tengo un campo llamado CellphoneDetails, estoy tratando de adjuntarle un evento no válido, pero no está adjuntando el evento.
$(document).ready(function(e) { var x = document.getElementById("contactEditForm"); if (x.addEventListener) { var error = 0; alert('bingo'); x.addEventListener("submit", function(e) { alert('test test'); $("##CellphoneDetails").on("invalid", function() { alert($(this).val()); error = 1; if ($(this).val() != '') { $(this).focus(); $("##cellValidDetails").css('display', 'block'); } }); } } });el HTML tiene el patrón agregado que valida si se ingresa el valor, debe ser un número de teléfono celular válido; de lo contrario, si está vacío, no lo valide y continúe
pero debido a algún problema, el evento no se adjunta a la llamada de envío y se crea un lío
Lo primero que noté es que debería ser $("#CellphoneDetails") , no $("##CellphoneDetails") , y $("#cellValidDetails") en lugar de $("##cellValidDetails") .
Para segmentar e identificar, solo necesita un # .
Además, creo que (x.addEventListener) siempre estará indefinido.
Tiene una combinación de JS y jQuery, le sugiero que use uno u otro principalmente.