I have a form which includes basic client details and information.have used jquery to count total numbers of characters in the form and now I am trying to implement counter to see the total time taken to fill the form ,my codes are as follows
<html>
<title> Employment Information
</title>
<style>
table, td, th {
border: 3px solid black;
}
td {
padding: 15px;
}
</style>
<script src="javascript/jquery-1.11.0.js"></script>
// codes for getting total number of charatecs typed //
<script>
$('#form_3').on('submit', function(){
var count = 0;
$('input[type="text"], textarea', this).each(function(){
count += $(this).val().length;
});
alert("No of Characters Typed:" +count);
return true; // or true to submit form
});
</script>
<body>
<h4>MONTHLY INCOME AND COMBINED HOUSING EXPENSE INFORMATION</h4>
<table border="1" width="1300" height="150">
<tr>
<td>Gross monthly income</td>
<td>Borrower</td>
<td>Co-borrower</td>
<td>Total</td>
<td>Combined Monthly Housing Exp.</td>
<td>Present</td>
<td>Proposed</td>
</tr>
<tr>
<td>Base EMPL income<</td>
<td>$::<input type="text" name="empl_income" id="empl_income"></td>
<td>$::<input type="text" name="co_borrower" ></td>
<td>$::<input type="text" name="base_empl_total"></td>
<td>Rent</td>
<td>$::<input type="text" name=""></td>
<td>$::<input type="text" name="years"></td>
</tr>
<tr>
<td>Overtime</td>
<td>$::<input type="text" name="overtime_borrower"></td>
<td>$::<input type="text" name="overtime_coborrower"></td>
<td>$::<input type="text" name="overtime_total"></td>
<td>Mortgaged</td>
<td>$::<input type="text" name="years"></td>
<td>$::<input type="text" name="years"></td>
</tr>
</table>
<br>
<br>
<input type="submit" name="submit" value="SUBMIT" onclick="return validateform();">
</form>
</body>
</html>
How can I implement a time counter along with the character count codes.?
See Question&Answers more detail:os
