I'm having some problems with validation. I have a specific js file for my validation funcions.

But each time I change the name of the form to validate ( and update the form in the validation function of course ) it just stop working.

For example:

The Function:

2. $(function () {
3.     // validate signup form on keyup and submit
4.     var validator = $("#signupform").validate({
5.         rules: {
6.             firstname: "required",
7.             lastname: "required",
8.             username: {
9.                 required: true,
10.                 minlength: 2,
11.                 remote: "users.php"
12.             },
13.             password: {
14.                 required: true,
15.                 minlength: 5
16.             },
17.             password_confirm: {
18.                 required: true,
19.                 minlength: 5,
20.                 equalTo: "#password"
21.             },
22.             email: {
23.                 required: true,
24.                 email: true,
25.                 remote: "emails.php"
26.             },
27.             dateformat: "required",
28.             terms: "required"
29.         },
30.         messages: {
31.             firstname: "Enter your firstname",
32.             lastname: "Enter your lastname",
33.             username: {
34.                 required: "Enter a username",
35.                 minlength: jQuery.format("Enter at least {0} characters"),
36.                 remote: jQuery.format("{0} is already in use")
37.             },
38.             password: {
39.                 required: "Provide a password",
40.                 rangelength: jQuery.format("Enter at least {0} characters")
41.             },
42.             password_confirm: {
43.                 required: "Repeat your password",
44.                 minlength: jQuery.format("Enter at least {0} characters"),
45.                 equalTo: "Enter the same password as above"
46.             },
47.             email: {
48.                 required: "Please enter a valid email address",
49.                 minlength: "Please enter a valid email address",
50.                 remote: jQuery.format("{0} is already in use")
51.             }
52.         },
53. 
    
54.         // set this class to error-labels to indicate valid fields
55.         success: function (label) {
56.             // set   as text for IE
57.             label.html(" ").addClass("checked");
58.         }
59.     });
60. 
    
61. 
    
62. 
    
63. });

The HTML Code:

2. <form class="form-horizontal well" id="signupform" action="#">
3. <fieldset>
4. <div class="control-group">
5. <label class="control-label">First Name</label>
6. <div class="controls">
7. <input id="firstname" name="firstname" type="text" class="span2"/>
8. </div>
9. </div>
10. <div class="control-group">
11. <label class="control-label">Last Name</label>
12. <div class="controls">
13. <input id="lastname" name="lastname" type="text" class="span4">
14. </div>
15. </div>
16. <div class="control-group">
17. <label class="control-label">Username</label>
18. <div class="controls">
19. <input id="username" name="username" type="text" class="span6"/>
20. </div>
21. </div>
22. <div class="control-group">
23. <label class="control-label">Password</label>
24. <div class="controls">
25. <input id="password" name="password" type="password" class="span8"/>
26. </div>
27. </div>
28. <div class="control-group">
29. <label class="control-label">Confirm Password</label>
30. <div class="controls">
31. <input id="password_confirm" name="password_confirm" type="password" class="span8"/>
32. </div>
33. </div>
34. <div class="control-group">
35. <label class="control-label">Email Address</label>
36. <div class="controls">
37. <input id="email" name="email" type="text" class="span8"/>
38. </div>
39. </div>
40. <div class="control-group">
41. <div class="controls">
42. <label id="lterms" for="terms">
43. <input id="terms" type="checkbox" name="terms"/> I have read and accept the Terms of Use.</label>
44. </div>
45. </div>
46. </fieldset>
47. <div class="form-actions">
48. <button class="btn btn-primary" type="submit">Save changes</button>
49. <button class="btn">Cancel</button>
50. </div>
51. </form>

Using this scheme with the form name signupform everything goes smooth. The problem is that if I change the name.

For example:

Function File:

1.     var validator = $("#registerform").validate({

The code File:

1. <form class="form-horizontal well" id="registerform" action="#">

I only change the name and everything stops works ( all code in js file and html remains the same ).

I would like to get some help in solve this problem because I need more forms validated with custom fields, and none of them work.

Anyone could help please?