javascript - 表单验证需要输入才能继续

Question

一些简单的表单验证似乎需要在添加正确的值后按Enter，然后才能允许访问者继续。有什么办法可以消除吗？这是其中之一的示例。

// Makes sure that the email looks valid and contains an @, a . and at least two characters after the dot
function checkEMail(obj) {
    var emailFilter =  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/ ;
    var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
    if (!emailFilter.test(obj)) {
        obj.style.background = 'Yellow';
        alert('Please enter a valid email address, then press Enter to continue.');
    } else if (!illegalChars.test(obj)) {
        obj.style.background = 'Yellow';
        alert('The email address contains illegal characters.');
    } else {
        obj.style.background = 'White';
    }
}

Answer 1

只需在验证函数的“快乐流程”中返回 true 即可。

// Makes sure that the email looks valid and contains an @, a . and at least two characters after the dot
function checkEMail(obj) {
    var emailFilter =  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/ ;
    var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
    if (!emailFilter.test(obj)) {
        obj.style.background = 'Yellow';
        alert('Please enter a valid email address, then press Enter to continue.');
    } else if (!illegalChars.test(obj)) {
        obj.style.background = 'Yellow';
        alert('The email address contains illegal characters.');
    } else {
        obj.style.background = 'White';
        return true;
    }
}

具有类似逻辑类型的脚本，工作示例:

function execute(a) {
  if(a === 1) {
    alert("1");
  } else if (a === 2) {
    alert("2");
  } else {
    console.log('lele');
    return true;
  }
}

execute(3);