Ticket #4224: index.html

File index.html, 1.5 KB (added by nlothian, 11 years ago)

test case - run in IE to get nasty message box, or Firefox+Firebug to get console error

Line 
1<html>
2<head>
3    <title>test case</title>
4    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
5    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
6    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
7    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> <!-- comment this out and it works fine -->
8</head>
9<body>
10    Instructions: Type in the box here, then click elsewhere on the page. In IE you will get a dialog, in Firefox+Firebug you will get an error message in the console.
11    <br /><br /><input id="username" maxlength="100" size="25"/>
12
13    <span style="display:none" id="usernameInvalid">Invalid username</span>
14
15        <script type="text/javascript">
16                var emailRegEx = /^([_a-z0-9'+])*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[_a-z0-9-]+){1,320}/i
17
18                $(document).ready(function(){
19                        $("#username").keypress(function() {
20                                hideAllAddressCheckResults();
21                        });
22
23                        $("#username").blur(function() {
24                                checkEmailAddress();
25                        });
26        });
27
28                function checkEmailAddress() {
29                        hideAllAddressCheckResults();
30                        var valueEntered = $("#username").val();
31                        if (!emailRegEx.test(valueEntered)) {
32                                // is an invalid email address
33                                $("#usernameInvalid").show();
34            }
35        }
36
37                function hideAllAddressCheckResults() {
38                        $("#usernameInvalid").hide();
39        }
40
41
42    </script>
43
44</body>
45</html>