时间戳

首页 > 解决方案 > jQuery事件未附加到输入字段

javascript - jQuery事件未附加到输入字段

问题描述

我有一个名为 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 添加了模式，用于验证是否输入了值，它应该是一个有效的手机号码，否则如果它为空，则不要验证它并继续

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

标签： javascriptjquery

解决方案

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

要定位和 ID，您只需要一个#.

另外，我相信(x.addEventListener)将永远是不确定的。

您混合使用了 JS 和 jQuery，我建议您主要使用其中一种。

推荐阅读