Is the script included in the ajaxLogin.htm file executed? Use
logging, eg. via Firebug and console.log() to ensure that.

Also posting a testpage will help.

Jörn

On Wed, Oct 15, 2008 at 5:35 PM, bookme <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> Sorry to bother you but I am not able to solve this problem so posting
> in forum
>
> I am using two jquery plugin
> 1 Thickbox
> 2 Jquery validation
>
> Without thickbox validation is working fine but validation is not
> working in thickbox.
>
> There is two files ajaxLogin.htm and second is index.html
>
> ajaxLogin.htm :
>
> <script src="/thickbox/js/jquery.js" type="text/javascript"></script>
> <script src="/thickbox/js/jquery.validate.js" type="text/
> javascript"></
> script>
> <script>
> $(document).ready(function() {
>        // validate signup form on keyup and submit
>        var validator = $("#signupform").validate({
>                rules: {
>                        password: {
>                                required: true,
>                                minlength: 5
>                        },
>                        password_confirm: {
>                                required: true,
>                                minlength: 5,
>                                equalTo: "#password"
>                        }
>                },
>                messages: {
>                        password: {
>                                required: "Provide a password",
>                                rangelength: jQuery.format("Enter at
> least {0} characters")
>                        },
>                        password_confirm: {
>                                required: "Repeat your password",
>                                minlength: jQuery.format("Enter at
> least {0} characters"),
>                                equalTo: "Enter the same password as
> above"
>                        }
>                },
>                // the errorPlacement has to take the table layout
> into account
>                errorPlacement: function(error, element) {
>
> error.appendTo( element.parent().next() );
>                }
>
>        });
> });
>
> </script>
> <div id="signupwrap">
> <form id="signupform" method="POST" action="http://localhost/thickbox/
> index.html">
> <table>
> <tr>
> <td class="label"><label id="lpassword" for="password">Password</
> label></td>
> <td class="field"><input id="password" name="password" type="password"
> maxlength="50" value="" /></td>
> <td class="status"></td>
> </tr>
> <tr>
> <td class="label"><label id="lpassword_confirm"
> for="password_confirm">Confirm Password</label></td>
> <td class="field"><input id="password_confirm" name="password_confirm"
> type="password" maxlength="50" value="" /></td>
> <td class="status"></td>
> </tr>
>  </table>
>    <input id="signupsubmit" name="signup" type="submit"
> value="Signup" />
> </form>
> </div>
>
> -------------------------------------------------------------------
>
> index.html :
>
> <head>
> <style type="text/css" media="all">
> @import "css/global.css";
> </style>
> <script src="/thickbox/js/jquery.js" type="text/javascript"></script>
> <script src="/thickbox/js/thickbox_plus.js" type="text/javascript"></
> script>
> </head>
> <body>
> <li><a href="ajaxLogin.htm?height=500&amp;width=550"
> class="thickbox">ThickBox login</a>
> </body>
> </html>
>
> Please tell me how can I get validation in thickbox?
>
> Thanks
>

Reply via email to