入力に設定するデータを検証しようとしています。de Validation HTML5を使用したい。
たとえば、「aaaa」が数値入力の有効なデータであるかどうかを確認したいとします。使用したかったのwillValidate
ですvalidity
が、無効な値を設定できません。コンソールに次のように表示されます (Chrome):
指定された値「aaaa」は有効な数値ではありません。値は次の正規表現と一致する必要があります: -?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?
エラーをキャッチしようとしましたが、それは Exception ではありません。入力値を取得しましたが、エラーの後は空です。
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
より説明:
設定する値が入力型で有効かどうかを確認したい。入力に無効な値を設定し、willValidate または有効性を確認すると思いましたが、ブラウザに警告が表示され、入力値が空です。問題は、私のフロントエンドが JavaScript を介して入力値を設定するが、ユーザーが値を渡すことです。エラーが発生した場合、ユーザーにエラーを表示する必要があります。
更新:
警告が例外ではないことを知っています。任意の型で無効な入力値を設定するとエラーが表示されることを知りたいです。