I have a table where some of the inputs are text and some are date picker. When I enter all values and press submit, the validate function returns that some of the cells are empty. I check that none of the cells in the submitted table are empty.
function sendval(){
var tosubmit = validateForm();
if(tosubmit){
showprog();
var myTableArray = convertarr();
google.script.run.withSuccessHandler(onsuccess).processLeaveForm(myTableArray);
}
if(!tosubmit){
alert("Please enter valid values before submitting the form");
location.reload(forceget=true);
}
}
function validateForm()
{
var allgood = true;
$('#passenger-list tr td').each(function() {
var dvElement = $(this);
if (!$.isEmptyObject($dvElement)) {
allgood = false;
}
});
return allgood;
}
$(".DOB").datepicker({
changeMonth: true,
changeYear: true
});
$(".PassExpiry").datepicker({
changeMonth: true,
changeYear: true
});
$(".ArrDate").datepicker({
minDate: 0,
maxDate:"+60D",
numberOfMonths: 2,
onSelect: function(selected) {
$("#DepDate").datepicker("option","maxDate", selected)
}
});
$(".DepDate").datepicker({
minDate: 0,
maxDate: "+60D",
numberOfMonths: 2,
onSelect: function(selected) {
$("#ArrDate").datepicker("option","minDate", selected)
}
});
$('#tktrequest').on("keyup keypress", function(e) {
var code = e.keyCode || e.which;
if (code == 13) {
e.preventDefault();
return false;
}
});
html file
<div id='forminput'>
<form id="tktrequest" onsubmit="return validateForm()" method="post">
<? var logged_user = getcurruser(); ?>
<label><?=logged_user?></label>
<table class="passenger-list" id="passenger-list">
<tr>
<td>Name</td>
<td>D-O-B</td>
<td>Passport #</td>
<td>Expiry Date</td>
<td>Destination</td>
<td>Departure Date</td>
<td>Arrival Date</td>
</tr>
<tr>
<td><input type="text" name="Name" id="1_name"/></td>
<td><input type="text" name="DOB" class = "DOB" id="1_DOB" /></td>
<td><input type="text" name="PassNum" id="1_PassNum" /></td>
<td><input type="text" name="PassExpiry" class="PassExpiry" id ="1_PassExpiry"/></td>
<td><input type="text" name="Destination" id="1_Destination"/></td>
<td><input type="text" name="ArrDate" class="ArrDate" id="1_ArrDate"/></td>
<td><input type="text" name="DepDate" class = "DepDate" id="1_DepDate"/></td>
<td><a class="remove">remove</a></td>
</tr>
</table>
<a href="#" title="" class="add-passenger">Add Passenger</a>
<div>
<input type="text" name="Comments" value="Comments" class="comment-text" />
</div>
<input type='button' name='Submit' value="Submit" onclick=sendval()>
</form>
</div>