validity.customErrorまたはハッキングの有効性を使用して特定のJS関数を実行する

Question

テキストの入力フィールドを作成していますが、HTMLの有効性を使用して有効性チェックとしてJS関数を実行したいとします。 validity.customErrorはどのように使用されていますか？これをどのように達成できますか？

おかげ - キーズ

Answer 1

あなたがoninputまたはonsubmitイベントにelement.setCustomValidity(message)を設定する必要がありvalidity.customErrorをトリガーします。 Here's a simple example、最初の形式：ここ

<form target="#" method="post" > 
    <label>Enter Rob: <input id="rob" required></label> 
    <br/> 
    <input type="submit"> 
</form> 

はJSは、jQueryのイベントを結合するために使用されています：

$('form').bind('input', function() { 
    var r = $('#rob')[0]; 
    if (r.value !== 'Rob') { 
     r.setCustomValidity('You did not enter Rob'); 
    } else { 
     r.setCustomValidity(''); 
    } 
});