もちろん、これはコードのフィールドエラーを確認する必要があることを意味しますが、すぐにネイティブブラウザの検証を使用することが可能であることがわかります。 noValidate true

var form = document.getElementById("myform");
form.noValidate = true;

// 設置處理程序以在提交時驗證表單
// onsubmit 用于更輕松的跨瀏覽器兼容性
form.onsubmit = validateForm;

各入力フィールドには.willValidate屬性があります。これは返されます：

• true：ブラウザがネイティブ検証フィールドを配置する場合
• ：ブラウザがフィールドを確認しない場合 false
：ブラウザがIE8などのネイティブHTML5検証をサポートしていない場合。
• undefined
上記のネイティブ検証を無効にしたため、各フィールドは

ループイテレーションは、単一のfalseコレクションのすべてのフィールドを表し、ボタンやフィールドセットなどの他のタイプではなく入力であることをチェックします。次の行は非常に重要です... validateForm

var form = document.getElementById("myform");
form.noValidate = true;

// 設置處理程序以在提交時驗證表單
// onsubmit 用于更輕松的跨瀏覽器兼容性
form.onsubmit = validateForm;

およびelementsはどちらも誤った値なので、

function validateForm(event) {

    // 獲取跨瀏覽器事件對象和表單節(jié)點
    event = (event ? event : window.event);
    var
        form = (event.target ? event.target : event.srcElement),
        f, field, formvalid = true;

    // 循環(huán)所有字段
    for (f = 0; f < form.elements.length; f++) {
        // 獲取字段
        field = form.elements[f];

        // 忽略按鈕、字段集等
        if (field.nodeName !== "INPUT" && field.nodeName !== "TEXTAREA" && field.nodeName !== "SELECT") continue;

        // 原生瀏覽器驗證可用嗎？
        if (typeof field.willValidate !== "undefined") {

            // 原生驗證可用

        }
        else {

            // 原生驗證不可用

        }
    }
}

falseブラウザは入力タイプをサポートしていますか？ undefinedfield.willValidate

Firefox 29またはIE11でのネイティブサポートはありません。これらのブラウザは（効果的に）レンダリングされます：

ただし、両方のブラウザはテキストタイプの検証をサポートしているため、

// 原生瀏覽器驗證可用嗎？
        if (typeof field.willValidate !== "undefined") {

            // 原生驗證可用

        }
        else {

            // 原生驗證不可用

        }

<input type="date" name="dob" />

method field.willValidateundefined typeネイティブ検証が利用可能な場合は、.typeメソッドを?qū)g行してフィールドを確認できます。問題がない場合、メソッドは

<input type="text" name="dob" />

エラーをより詳細にチェックできるように、フィールドの.checkValidity()オブジェクトを設定します 検証が失敗すると、

イベントはないことに注意してください。必要に応じてエラースタイルとメッセージをリセットすることを忘れないでください。 .checkValidity() true false.reportValidity()field

1. .validityオブジェクトには、次のプロパティがあります。

.valid - フィールドにエラーがない場合はtrueを返し、それ以外の場合はfalseを返します。 .valueMissing - フィールドが必要であるが値が入力されていない場合はtrueを返します。 .typeMismatch - 値が正しい構文でない場合（たとえば、奇形の電子メールアドレス）を返します。 true - 値が.patternMismatch屬性の正規(guī)表現(xiàn)と一致しない場合はpatternを返します。 true - 値が許可されているよりも長い場合は.tooLongを返します。 maxlength - 値が許可されているtrueよりも短い場合は.tooShortを返します。 minlength - 値がtrueよりも低い場合は、.rangeUnderflowを返します。 min - 値がtrueよりも高い場合は、.rangeOverflowを返します。 max - 値が一致しない場合はtrue、.stepMismatchを返します。 step - エントリを値に変換できない場合、trueに戻ります。 .badInput - フィールドでカスタムエラーが設定されている場合、trueを返します。 .customError trueすべてのプロパティがすべてのブラウザでサポートされているわけではないため、あまりにも多くの仮定をしないように注意してください。ほとんどの場合、エラーメッセージを表示または非表示にするには、

または

の結果である必要があります。 .valid .checkValidity()

（後続のコンテンツは元のテキストと同じで、長さが長すぎるため、ここでは省略されています。必要に応じて、出力コンテンツの長さと詳細を自分で調(diào)整してください。）