0

ループで生成されたフォームに複数の入力があります。

元：

<form>
    <input type="text" id="name_1" name="name_1" />
    <input type="text" id="address_1" name="address_1" />
    <input type="text" id="date_1" name="date_1" />
    <input type="text" id="name_2" name="name_2" />
    <input type="text" id="address_2" name="address_2" />
    <input type="text" id="date_2" name="date_2" />
    <input type="text" id="name_3" name="name_3" />
    <input type="text" id="address_3" name="address_3" />
    <input type="text" id="date_3" name="date_3" />
    <input type="submit" value="submit" />
</form>

イベント送信をクリックするid=name_とid=address_、空の場合のみ検証され、アラートではなくアラートが表示されますid=date_

jQueryでこれを行うことができますか?

4

4 に答える 4

1

これを試して

JS

function validatevalue()
{
    if($("input[id^='date_']" ).val()=="")
    { 
        alert("Date");
        return false;
    }

    if($("input[id^='name_']" ).val()=="")
    { 
        alert("name");
         return false;
     }
     return true;
}

HTML

<input type="text" id="name_1" name="name_1" />
<input type="text" id="address_1" name="address_1" />
<input type="text" id="date_1" name="date_1" />
<input type="text" id="name_2" name="name_2" />
<input type="text" id="address_2" name="address_2" />
<input type="text" id="date_2" name="date_2" />
<input type="text" id="name_3" name="name_3" />
<input type="text" id="address_3" name="address_3" />
<input type="text" id="date_3" name="date_3" />
<input type="submit" value="submit" onclick="return validatevalue();" />

更新された回答

function validatevalue()
{
    $('input').each(function(){
        if($(this).val()==""){
            alert("Fill Value");
            return false;
        }
    });
     return true;
}

デモ

更新されたデモ

于 2013-09-02T04:58:42.483 に答える
0

jQuery Validation Pluginを使用して、このタスクを実行できます。

jQuery に精通していると仮定すると、次のルールを$(document).ready(). その前に、次の仮定があります。

  1. formあなたのオブジェクトのIDはmyform

上記の仮定を行った後、内部でdocument.readyは、初期化の aprt として次のことを行います。

$(document).ready(function() {

$("#myform").validate({
    rules : { name_1 : "required", address_1 : "required" },
    messages : {name_1 : "Enter your name.", address_1 : "Enter your address"}

  });
});

ページ内にjquery.validate.jsを含める必要があることに注意してください。

jQuery 検証を使用する利点は、フォーム内のすべての要素に対して複数の検証規則を指定できることです。また、テキスト フィールド内のコンテンツの最小長、特定のチェック ボックスがオンになっているかどうかなどを指定するなど、追加の検証基準を指定することもできます。また、クロス ブラウザーの検証ロジックを使用することも保証されます。

于 2013-09-02T05:01:01.960 に答える