在打开我的模态之前，我尝试验证我的表单

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。希望这是你想要的。