0

フォーム内のすべての入力要素を配列して、それらが空のままになっているかどうかを確認する必要があります（検証もサーバー上で行われます）。Mootoolsはサイトのライブラリとして使用されているので、ここに私のコードがあります：

$$('#emeraldForm input').addEvent("submit",function(){
    //form validation

});

フォームが送信される前にそれを行いたいと思います。空のものには、「keyup」イベントで削除されるエラークラスが与えられます。

ここで完全なコードを参照してください

4

2 に答える 2

1

HTML5の必須属性またはMootoolのより多くの検証プロバイダー（インライン検証）を使用したくない場合は、必要なすべてのinput [type=text]要素とinput[type=checkbox]要素を割り当てるなどの簡単な方法を実行できます。

class="required"

次に、次のようなことを行います。

$('emeraldForm').addEvent("submit",function(evt){
    var preventSubmission = false;
    $(this).getElements("input[type=text].required").each(function(elem) {
        if (elem.get("value").trim() == "") { 
            elem.addClass("error");                
            preventSubmission = true; 
        }
    });
    $(this).getElements("input[type=checkbox].required").each(function(elem) {
        if (!elem.get("checked")) { 
            elem.addClass("error");                
            preventSubmission = true; 
        }
    });
    if (preventSubmission) {
        evt.preventDefault();
    }
});

CSSで、入力要素または同様の注意を引くものの横に赤い背景またはアイコンとして指定されている可能性のあるクラスエラーを追加しています。

于 2013-02-01T23:18:56.587 に答える
0

HTML5互換のWebサイトでのみ使用できる場合。次に、入力フィールドに「必須」属性を設定します。クライアント側またはサーバー側の検証は必要ありません。すべてのHTML5互換ブラウザがあなたに代わってそれを行います。サンプルコードは次のとおりです。

<input  name="url" placeholder="Input Example" type="text" required>
于 2013-02-01T16:31:21.883 に答える