javascript - 如何使用 javascript 在输入中只允许 0 到 30 之间的数字或 A、D 字符？

Question

您好，我创建了一个 javascript 函数，只允许 0 到 30 之间的数字和字符 A 和 D。如果它不符合条件，我会发出警报，但如果用户在警报上单击“确定”，值仍然保留在输入并可以在数据库中更新。我希望用户不能在输入框中输入任何内容，除了字符 A 、 D 和 0 到 30 之间的数字，就像在输入类型=数字的情况下我们只能输入数字一样。我的 javascript 函数是:-

function validate() {
    var regex = /[ad0-9]/gi;
    var txt = document.getElementById('txt').value;
    var valid = true;
    var error = '';
    if (regex.test(txt)) {
        if (!isNaN(txt)) {
            if (!(parseInt(txt) >= 0 && parseInt(txt) <= 30)) {
                valid = false;
                error = 'Please enter between 0 to 30.'
            }
        }
    }
    else {
        valid = false;
        error = 'Please enter between 0 to 30, A or D'
    }

    if (!valid) {
        alert(error);
    }
}

javascript 可以很好地进行验证，但在单击“确定”后，警报值仍然存在，并且当输入框为空时它也会给出错误，以任何方式避免这种情况。有没有其他更好的方法来创建函数，或者可以使用 jquery 来完成。我是 jquery 的新手，如果可以用 jquery 做到这一点，那就太好了。如果有人能提供帮助，我将不胜感激。

Answer 1

您可以试试这个代码示例。

function validate(box) {
  var val = box.value;
  if (!/^[AD]?$/.test(val) && isNaN(val) || (0 > val || 30 < val)) {
    box.value = '';
    alert('Only A or D or 0-30');
  }
}

<input type='text' value='30' onblur='validate(this);' />