1

Constraint Validation API を使用してフォームを検証し、エラー メッセージをカスタマイズしようとしています。

mozilla ( https://developer.mozilla.org/en-US/docs/HTML/Forms/Data_form_validation )によると、すべてが機能するはずですが、単純なメール入力を検証しようとすると奇妙なバグが発生し、無効なメールは無効になりません検出されました。

ここに私のコードのサンプル:

<input type="mail" id="mail" name="mail"/>

次に、オブジェクトが JS に保存され、コンソールで次のようにチェックインします。

console.log(field.get(0).validity);

コンソールからの答えは次のとおりです。

customError : false
patternMismatch : false
rangeOverflow : false
rangeUnderflow : false  
stepMismatch : false    
tooLong : false 
typeMismatch : false
valid : false   
valueMissing : true

したがって、関数呼び出しが機能していると思います。

入力を空のままにすると、同じ答えになります。「a」またはランダムな文字列を入力すると、同じ答えになります。有効なメールを入れたら、同じ答え...

必須属性を入れると、空が検出されます...

何が起こっているか知っていますか？

API は使用するには若すぎるのでしょうか、それとも何か見逃していましたか?

代わりに何を使用できますか?

読んでくれてありがとう、そして私の英語でごめんなさい。

4

1 に答える 1

1

type を使用する必要がありますemail。

あなたが投稿したリンクを見てください。

例：

<form>
  <label for="mail">I would like you to provide me an e-mail</label>
  <input type="email" id="mail" name="mail">
  <button>Submit</button>
</form>

タイプmailは認識されません。そのような単純な。

于 2013-05-07T15:32:53.640 に答える