how do i keep form data after submitting the form using javascript?
Posted
by Lina
on Stack Overflow
See other posts from Stack Overflow
or by Lina
Published on 2010-04-08T09:54:11Z
Indexed on
2010/04/08
10:13 UTC
Read the original article
Hit count: 351
JavaScript
|form
When i submit this form, the values just disappears from the textboxes. I like them to stay printed in the textboxes. How do i do that?
<form id="myform" method="get" action="" onSubmit="hello();">
<input id="hour" type="text" name="hour" style="width:30px; text-align:center;" /> :
<input id="minute" type="text" name="minute" style="width:30px; text-align:center;" />
<br/>
<input type="submit" value="Validate!" />
</form>
<style type="text/css">
.error {
color: red;
font: 10pt verdana;
padding-left: 10px
}
</style>
<script type="text/javascript">
function hello(){
var hour = $("#hour").html();
alert(hour);
}
$(function() {
// validate contact form on keyup and submit
$("#myform").validate({
//set the rules for the fild names
rules: {
hour: {
required: true,
minlength: 1,
maxlength: 2,
range:[0,23]
},
minute: {
required: true,
minlength: 1,
maxlength: 2,
range:[0,60]
},
},
//set messages to appear inline
messages: {
hour: "Please enter a valid hour",
minute: "Please enter a valid minute"
}
});
});
</script>
© Stack Overflow or respective owner