jQuery事件没有附加到输入字段

Question

我有一个名为cellphoneDetails的字段，我试图将无效事件附加到它，但它没有将事件附加到它

$(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');
}
});
}
}
});

HTML中添加了一个模式，该模式会验证是否输入了值，它应该是一个有效的手机号码，否则如果为空，则不验证它并继续

但由于某些问题，事件没有附加到提交调用，造成混乱

Answer 1

我注意到的第一件事是它应该是$("#CellphoneDetails")，而不是$("##CellphoneDetails"),$("#cellValidDetails")而不是$("##cellValidDetails")。

目标和ID，你只需要一个#。

同时，我相信(x.addEventListener)将永远是未定义的。

你有JS和jQuery的混合，我建议只使用其中一个或主要使用另一个。