Bug Tracker

Ticket #4237: labilbe.html

File labilbe.html, 1.6 KB (added by labilbe, 14 years ago)

The Html file to reproduce the behavior

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
5<title>jQuery validation plug-in - main demo</title>
6
7<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
8
9<script src="../lib/jquery.js" type="text/javascript"></script>
10<script src="../jquery.validate.js" type="text/javascript"></script>
11
12<style type="text/css">
13        div#error {
14                border: solid red;
15                display: none;
16        }
17</style>
18</head>
19<body>
20        <script type="text/javascript">
21        $().ready(function() {
22                $("#toto").validate({
23               
24                errorLabelContainer: $("#error"),
25                rules: {
26                        test: {
27                                required: false,
28                                minlength: 2
29                        }
30                },
31                messages: {
32                        test: {
33                                minlength: "Your username must consist of at least 2 characters"
34                        }
35                }
36                });
37        });
38        </script>
39        <form id="toto" method="get" action="">
40                <p>
41                        <input type="text" id="test" name="test" />
42                        <button type="submit">Send</button>
43                </p>
44        </form>
45        <div id="error">
46        </div>
47        <p>
48                <ul>
49                        <li>The input text accepts at least 2 characters</li>
50                        <li>To reproduce the bug, input one character</li>
51                        <li>Then blur the input type text</li>
52                        <li>A message must appear "Your username must consist of at least 2 characters"</li>
53                        <li>Focus on the input type text</li>
54                        <li>Remove the text</li>
55                        <li>And blur it again</li>
56                        <li>The container should remain visible (without any text) <-- BUG</li>
57                </ul>
58        </p>
59</body>
60</html>