jQuery Forum

I am facing problem with showing validation message in a proper position when change the size of the window, am using jquery validation engine along jquery mobile.

When I submit the form the validation message will appear at correct position when rotate the screen or resize it the message will not move to its proper field it will remain in the 1st position itself.

Please guide regarding this.

Thanks

I have problem with scrolling while displaying error message in mobile devices,

the page should scroll up to 1st error message in my page this functionality is working fine in web browsers(PC) but same is not working properly in mobile browser scroll position is pointing some other place. Am using jquery validation engine to validate my form (VER:Validation Engine 2.2, jQuery plugin) and jquery mobile to create the form.

Thanks in advance

1. <fieldset data-role="controlgroup" >
   <select name="year" id="year" class="validate[required,custom[onlyNumber],min['.(date('Y') - 100).'],max['.(date('Y') - 20).']]">
   <option>年</option>
   <?php
       $current_yr = date('Y');
       $start_yr = $current_yr - 100;
       $end_yr = $current_yr - 20;
       for ($i = $start_yr; $i <= $end_yr; $i++ ) {
               echo "<option value=$i>".$i."</option>";
       }
   ?>
   </select>
   
   <select name="month" id="month" class="validate[required,custom[onlyNumber],min[1],max[12]]">
   <option>月</option>
   <?php
       for ($num = 1; $num <= 12; $num++){
           $mon = sprintf("%02d", $num);
          echo  "<option value=$num>".$mon."</option>";
       }
   ?>
   
   </select>
   <select name="day" id="day" class="validate[required,custom[onlyNumber],min[1],max[31]]">
   <option>日</option>
   <?php
       for ($j = 1; $j <= 31; $j++){
   
           $day = sprintf("%02d", $j);
          echo  "<option value=$j>".$day."</option>";
       }
   ?>
   </select>
   </fieldset>