0

入力したテキストがパターンと一致しない場合に、カスタマイズされたメッセージを表示しようとしています。以下は私が使用したコードです。

<input pattern="[a-zA-Z0-9]" name="firstName" id="firstname" required="" type="text" />

「akshay」のような有効なテキストを入力すると、無効なメッセージが表示されます：

「要求された形式に一致させてください」

また、このメッセージをカスタマイズしたものに変更したいと考えています。上記のコードを使用してみましたが、機能しません。以下は、私が以下で使用したコードです。

<script>
document.getElementById("firstname").addEventListener("invalid", function (e) {
var elem = e.target;

if (elem.value != "") {
    e.target.setCustomValidity('Cannot contain special characters');
}
});
</script>

このコードで私を助けてください。

4

1 に答える 1

0

input タグで oninvalid メソッドを使用してみてください

<input pattern="[a-zA-Z0-9]*" name="firstName" id="firstname" required="required"
type="text" oninvalid="oninvalid="this.setCustomValidity(this.willValidate?'':'Cannot contain special characters')" />
于 2013-04-20T02:58:58.250 に答える