javascript - 我尝试在打开模式之前验证我的表单

Question

我尝试在打开模式之前验证我的表单。

但是我的模式打开，即使邮政编码为空。

https://jsfiddle.net/4yjjmbs6/1/

/* ==================== ZIP Code ==================== */

function maxLengthCheck(object) {
  if (object.value.length > object.maxLength)
    object.value = object.value.slice(0, object.maxLength);
}

function isNumeric(evt) {
  var theEvent = evt || window.event;
  var key = theEvent.keyCode || theEvent.which;
  key = String.fromCharCode(key);
  var regex = /[0-9]|\./;
  if (!regex.test(key)) {
    theEvent.returnValue = false;
    if (theEvent.preventDefault) theEvent.preventDefault();
  }
}

Answer 1

在你的 JSFiddle 中，更改

if (validateEmail(email)) {
    $('#registration').modal('show');
}

至

if ($('#formNewsletter')[0].checkValidity()) {
    $('#registration').modal('show');
}

上述更改将验证表单字段，并在所有字段均已正确验证时返回 true。希望这就是您想要的。