javascript - form validation for multiple inputs created dynamically using array variables -
here javascript code
<script type="text/javascript"> //function add new row jquery(function() { var counter = 1; var nextrowid=($('#tb tr').length)-1; //number of rows fetched database jquery('a.addrow').click(function(event) { event.preventdefault(); var newrow = jquery('<tr><td colspan="3" class="table-active">'+nextrowid+'</td><td colspan="3" class="table-active"><input type="number" name="emp_code[' + nextrowid + ']" id="emp_code[' + nextrowid + ']" class="form-control"/><div class="error"><?php echo $gendererror;?></div></td><td colspan="3" class="table-success"><input type="text" name="emp_name[' + nextrowid + ']" id="emp_name[' + nextrowid + ']" class="form-control" required/></td><td colspan="3" class="table-info"><input type="text" name="emp_mailid[' + nextrowid + ']" id="emp_mailid[' + nextrowid + ']" class="form-control" required/></td><td colspan="3" class="table-info"><select required class="form-control" id="nomination[' + nextrowid + ']" name="nomination[' + nextrowid + ']"> <option value="">select</option><option value="nominated">nominated</option><option value="invited">invited</option><option value="both">both</option><option value="none">neither nominated nor invited</option></select></td><td colspan="3"><label><input type="radio" name="attendance[' + nextrowid + ']" id="attendance[' + nextrowid + ']" value="1" required>yes</label><label><input type="radio" name="attendance[' + nextrowid + ']" id="attendance[' + nextrowid + ']" value="0">no</label></td><td><a href="javascript:void(0);" class="remove" onclick=><span class="glyphicon glyphicon-remove"></span></a></td></tr>'); counter++; nextrowid++; jquery('table.table').append(newrow); $('#emp_code['+ nextrowid + ']').rules('add',{ required:true, }); //init bootstraptoggle $('.toggleone').bootstraptoggle({ on: 'yes', off: 'no' }); }); }); </script> i validate values inputed clicking on submit button using various constraints `
- emp_code[]`:required , number emp_name[]:required , alphabets emp_mailid[]:required , email validation nomination[]:required attendance[]:required
i tried solutions so none worked out.am wrong somewhere.i want jquery. me this
maybe help.
html pattern attribute
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_pattern
Comments
Post a Comment