I want to validate multiple images with the help of for loop and ASC order Using Jquery Or Javascript -
i have issue in image validation using jquery or javascript.
please see code below when tried myself.
briefing
i want validate multiple images of loop.
issue (validate ordering)
when press submit button code has validate images in desc order (see image below) , want asc order 1 field required... , 2 field required etc
code:
<script src="http://code.jquery.com/jquery-latest.js"></script> <script> function imagevalidation(){ return_var = 'true'; for(var i=1; i<4; i++){ if(($('#player-'+i).val()) == ''){ return_var = i+' field required'; } } alert(return_var); return false; } </script> <form onsubmit="return imagevalidation()"> 1 <input type="file" id="player-1" name="players[]" /><br /> 2 <input type="file" id="player-2" name="players[]" /><br /> 3 <input type="file" id="player-3" name="players[]" /><br /> <input type="submit" /> </form> image

i have added new line of code, break; when first condition match. resolve problem
<script src="http://code.jquery.com/jquery-latest.js"></script> <script> function imagevalidation(){ return_var = 'true'; for(var i=1; i<4; i++){ if(($('#player-'+i).val()) == ''){ return_var = i+' field required'; break;// break rather wait complete loop. } } alert(return_var); return false; } </script> <form onsubmit="return imagevalidation()"> 1 <input type="file" id="player-1" name="players[]" /><br /> 2 <input type="file" id="player-2" name="players[]" /><br /> 3 <input type="file" id="player-3" name="players[]" /><br /> <input type="submit" /> </form>
Comments
Post a Comment