3

JS Code: 

<script type="text/javascript">
    function validate() {
       if($('#usr_name').val()==''){
         alert('Enter Your Name!!!');
         $('#usr_name').focus();
         return false;
       }
</script>

HTML code: 

<div class="label_left"><label>Name :</label></div>
<div class="text_right">
    <input type="text" name="usr_name" id="usr_name"  value=""  size="30" /><br  /><br  />
</div>

am using this format to validation in jquery. it is showing an alert message. but what i require is it has to place enter your name beside the label when it is not filled is it possible. if so how to do this. help me thanks.

4

3 に答える 3

2

jquery 検証プラグインを検索してください。それらの多くはネットで入手できます。

参照: http://jqueryvalidation.org/documentation/

デモ: http://jquery.bassistance.de/validate/demo/

于 2013-07-24T05:32:44.197 に答える
1

以下は、例を含む jquery 検証のソースです。

Github ソース
のすべての jquery 検証デモ

于 2013-07-24T05:40:49.697 に答える
1

スタイルに display:none を含む別の div を作成し、検証する要素の横/下/どこにでも作成します。検証が失敗した場合は、jQuery の .show メソッドを使用して非表示の警告を表示します。例えば：

               <script type="text/javascript">
          function validate() {
   if($('#usr_name').val()==''){
     $("#name_warning_id").show();
     $('#usr_name').focus();
     return false;
      }
   </script>
   <div class="label_left"><label>Name :</label></div>
<div class="text_right"><input type="text" name="usr_name" id="usr_name"  value=""  size="30" /><div class="some_warning_class" id="name_warning_id" style="display:none;background-color:#F4A83D">Enter Your Name</div><br  /><br  />
</div>
于 2013-07-24T05:44:20.993 に答える