0

私はこのフォームを持っています

<form name="myForm" action="" method="post" onsubmit="return validations(this)"  >


        <span>
            <label>Enter Your First Name</label><input id="name" name= "field[1]" type="text" class="element text" maxlength="255" size="8" value=""/>
        </span>
        <br /><br />
        <span>
            <label>Enter Your Last Name</label><input id="last" name= "field[2]" type="text" class="element text" maxlength="255" size="8" value=""/>

        </span> 
        <br />
        <br />

        <span>
            <input id="field[3]" name="field[3]" class="element radio" type="radio" value="1" />
<.label class="choice" for="field[3]">Male</label>
<input id="field[4]" name="field[4]" class="element radio" type="radio" value="2" />
<label class="choice" for="field[4]">Female</label>

        </span> 
        <br /><br />
        <label class="description" for="field[5]">Enter your city </label><input id="field[5]" name="element_3" type="text" class="element text medium" type="text" maxlength="255" value=""/> 

        <br /><br />
        <span>
            <input id="field[5]" name="field[5]" class="element checkbox" type="checkbox" value="1" />
<.label class="choice" for="field[5]">I am unemployed.</label>
<br /><br />

        </span> 

                <input type="hidden" name="form_id" value="form1" />
</div>              
.               
<.input type="submit" value="Validate" >



        </form>

「検証」をクリックしてフォームを検証したい。すべてのフィールド type=text が完了しているかどうかを確認するにはどうすれば動的にこれを行うことができますか?

4

1 に答える 1

1

を使用してそれを行うことができます

  1. プレーンな JavaScript チェック、関数の作成、送信ボタンのクリック時の各フィールドの検証
  2. jQuery を使用している場合は、jQuery 検証プラグイン。jQuery および jQuery 検証プラグインを HTML ページに組み込み、class="required" をテキスト フィールドに追加し、最後に JavaScript コードを追加して検証を添付します。

2 つ目は、validate 関数を呼び出して、テキスト フィールドに class="required" を設定するだけなので簡単です。

元：

HTML の head タグに jQuery と検証プラグインを含める

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js" type="text/javascript"></script>

フォームに検証を添付するには、このコードを head セクションまたは body の任意の場所に追加します

<script type="text/javascript">
jQuery(document).ready(function($){
  $('form[name="myForm"]').validate();
});
</script>

フォームフィールド:

<form name="myForm" action="" method="post">
  <input type="text" class="required" name="..." ...>
  or simply
  <input type="text" name="..." required>
  .... all other fields
</form>
于 2013-06-05T18:42:44.577 に答える