javascript - 在 javascript 中设置时捕获 HTML 错误输入验证(显示警告)或之前检查验证

Question

我正在尝试验证要在输入中设置的数据。我想使用 HTML 验证。

例如，我想检查“aaaa”是否是数字输入的有效数据。我想使用 willValidate 或 validity 但我无法设置无效值，控制台显示 (Chrome):

The specified value "aaaa" is not a valid number. The value must match to the following regular expression: -?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?

我已经 try catch 错误但它不是异常。我检索输入值，错误后它是空的。

var value = "aaaa";

try {
    document.getElementById("input").value = value; // Shows a warn
} catch(err) {
    console.log(err.message); // Nothing catching
}

console.log( document.getElementById("input").value ); // It is empty

See JSFiddle Demo

我想检查要设置的值在输入类型中是否有效。我想在输入中设置无效值并检查 willValidate 或有效性，但浏览器显示警告并且输入值为空。问题是我的前端通过 JavaScript 设置了输入值，但用户传递了这些值。当发生错误时，我需要向用户显示错误，而不是只输入空的。

我知道警告不是异常。我想知道在任何类型中设置无效输入值时显示错误。

Answer 1

var value = "aaaa";
document.getElementById("input").value = value;
if (document.getElementById("input").value == null || document.getElementById("input").value == "") {
        alert("Invalid value");
}