php - Validation for elements added on runtime -

php - Validation for elements added on runtime -

i using next script add together image input fields webpage. working fine, if want validation. dont want submit form if of fields empty. tried code i.e function validate() checks first input field, i.e input field of html. doesnot work input fields added in runtime help of jquery.

<script type="text/javascript"> function validate () { var file = document.getelementbyid('file').value; if(file==""){ alert("none of image fields can empty!!"); homecoming false; } } $(document).ready(function(){ $('#addproduct').click(function(){ $(this).after('<br /><input type="file" name="image_name[]" class="addfile" id="file" /> <input type="text" name="image_caption[]" placeholder="caption image " size="60" /> '); }); }); </script>

and add together delete functionality image fields. cross button beside every input field, , field removed when clicked on button.

<input type="file" name="image_name[]" id="file" required="true"> <input type="text" name="image_caption[]" placeholder="caption image " size="60"> <span id="addproduct"></span>

instead of document.getelementbyid('file') utilize document.getelementsbyname('image_name[]') or jquery style $('[name="image_name[]"]'). because id of tag must unique, else first 1 can referenced id.

for delete functionality utilize this:

$(document).ready(function(){ $('#addproduct').click(function(){ $(this).after('<br /><div><input type="file" name="image_name[]" class="addfile" id="file" /> <input type="text" name="image_caption[]" placeholder="caption image " size="60" /> <input type="button" value="delete" onclick="deleterow(this)" /> </div>'); }); }); var deleterow = function(elem) { $(elem).parent().remove(); }

php jquery html validation