jquery validation form

by alfannas

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form>
<div class="form-group row">
	  <div class="col-md-2 col-md-form-label">Reference</div>
	  <div class="col-md-10">
		
		<table id="tableReference" class="form expert" border="1">	
		  <tbody>
		  <th> Full Name </th><th> Current Position </th><th> Organization </th><th> Phone Number </th><th> Email </th>
		  <tr class="row-experience">
			  
			  <td class="td-expert">
				<input name="ref-name[]" class="form-control" type="text" placeholder="Full Name" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-pos[]" class="form-control" type="text" placeholder="Current Position" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-org[]" class="form-control" type="text" placeholder="Organization" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-phone[]" class="form-control" type="text" placeholder="Phone Number" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-mail[]" class="form-control" type="text" placeholder="Email" data-validation="required"/>
			  </td>
			  </tr>
			  <tr class="row-experience">
			  
			  <td class="td-expert">
				<input name="ref-name[]" class="form-control" type="text" placeholder="Full Name" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-pos[]" class="form-control" type="text"  placeholder="Current Position" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input name="ref-org[]" class="form-control" type="text"  placeholder="Organization" data-validation="required"/>
			  </td>
			  <td class="td-expert">
				<input...

CSS

table,td,th{border:none; padding:2px;}
.form-group .help-block{margin-left:20px;}

JavaScript

$.validate();