Keyups & downs cause display:none
February 19, 2008 - 12:27am — berniet
| Project: | Validation |
| Version: | 1.2.1 |
| Component: | Code |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Hello,
I used the following code and HTML:
<html>
<script>
$("#form1").validate(
{
rules: {
long_dd: { range: [79,87], digits: true },
long_mm: { range: [0,60], digits: true },
long_ss: { range: [0,60], digits: true },
lat_dd: { range: [79,87], digits: true },
lat_mm: { range: [0,60], digits: true },
lat_ss: { range: [0,60], digits: true }
},
messages: {
long_dd: "The degree in Longitude must be a number between 79 and 87.",
long_mm: "The minutes in Longitude must be a number between 0 and 60.",
long_ss: "The seconds in Longitude must be a number between 0 and 60.",
lat_dd: "The degree in Latitude must be a number between 79 and 87.",
lat_mm: "The minutes in Latitude must be a number between 0 and 60.",
lat_ss: "The seconds in Latitude must be a number between 0 and 60."
},
errorContainer: "#validationMessages",
errorLabelContainer: "#validationMessages ul",
wrapper: "li class=\"showErrors\"",
errorClass:"showErrors"
});
}</script>
<form>
<div class="f1_latLong">
<label for="lat" >
Latitude: (dd/mm/ss)
<input id="lat_dd" name="lat_dd" type="text" />
<input id="lat_mm" name="lat_mm" type="text" />
<input id="lat_ss" name="lat_ss" type="text" />
</label>
<label for="long" >Longitude: (dd/mm/ss)
<input id="long_dd" name="long_dd" type="text" />
<input id="long_mm" name="long_mm" type="text" />
<input id="long_ss" name="long_ss" type="text" />
</label>
</div>
<div id="validationMessages"><ul></ul></div>
</form>
</html>And if I use Shift-tab and tab and modify the value of the input fields various times, eventually the first elements on the page are set to display:none. This means ALL elements including body.that are three levels deep beginning with body. Hence, body, and the first two child divs are set to display:none.
Don't know about you guys, but this seems like a REALLY big bug.
Hope ya fix it!
Later,
Bernie
Comments
#1
I'm seeing a similar problem. In my case, after I try to submit and trigger a validation error, as I move between fields, #pagecontent (which is to say most of my page content including the form, although not the entire body) is suddenly set to display: none.
So.. the entire form and various other elements disappear. Not good at all :(
#2
I figured it had something to do with keyup/blur events so for now I worked around by adding to my rules
onkeyup: false,onfocusout: false,