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

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -