Thanks Eric !!
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&width=550"
class="thickbox">ThickBox login</a>
</body>
</html>
when I am running ajaxLogin.htm single from browser then validation is
working but when i am calling it in thickbox then validation is not
working.
Also I cut & copy script validation code from ajaxLogin.htm to
index.html but nothing happening.
Please tell me how can I get validation in thickbox?
Thanks
On Oct 13, 11:09 pm, Eric <[EMAIL PROTECTED]> wrote:
> oops. forgot link to Validation
> documentation:http://docs.jquery.com/Plugins/Validation/Methods/equalTo
>
> On Oct 13, 2:08 pm, Eric <[EMAIL PROTECTED]> wrote:
>
> > As described in this section of the Validation documentation,
> > 'equalTo:' takes an expression which relates to another element, and
> > it goes inside the 'rules:' object in the options.
>
> > You seem to be describing the messages below. Where is your code that
> > defines the rules?
>
> > May I recommend posting your code to JSBin.com so that we can
> > collaboratively debug it?
>
> > -E
>
> > On Oct 13, 1:48 pm, bookme <[EMAIL PROTECTED]> wrote:
>
> > > Hi Eric!
>
> > > "data[User][password]": {
> > > required: "Provide a password",
> > > rangelength: jQuery.format("Enter at
> > > least {0} characters")
> > > },
> > > "data[User][password2]": {
> > > required: "Repeat your password",
> > > minlength: jQuery.format("Enter at least
> > > {0} characters"),
> > > equalTo: "Enter the same password as
> > > above"
>
> > > This equalTo is not working ?
>
> > > Do u have any solution why is not working?
>
> > > Thanks
>
> > > On Oct 12, 11:50 pm, Eric <[EMAIL PROTECTED]> wrote:
>
> > > > Plugins sometimes conflict. One of the mark of a goodpluginis a
> > > > minimum of conflicts. Also, the tricks we sometimes have to play on
> > > > the DOM can interact in non-intuitive ways.
>
> > > > Can you please describe in more detail the problem that you're having?
>
> > > > You may also try to use other plugins, such as jqModal (http://
> > > > dev.iceburg.net/jquery/jqModal/) instead of Thickbox.
>
> > > > -E
>
> > > > On Oct 12, 2:32 pm, bookme <[EMAIL PROTECTED]> wrote:
>
> > > > > Thanks a lot to u jorn.
>
> > > > > I am facing one more problem.
>
> > > > > Belowvalidationis working without thickboxpluginbut when I used it
> > > > > in thickbox it's not working ?
>
> > > > > I think equalTo function is not working in thickbox?
>
> > > > > "data[User][password2]": {
> > > > > required: "Repeat your password",
> > > > > minlength:jQuery.format("Enter at
> > > > > least {0} characters"),
> > > > > equalTo: "Enter the same password as
> > > > > above"
> > > > > }
>
> > > > > Please help me
>
> > > > > Thanks
>
> > > > > On Oct 12, 8:30 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > > > > wrote:
>
> > > > > > Seehttp://docs.jquery.com/Plugins/Validation/Reference#Fields_with_compl...
>
> > > > > > Jörn
>
> > > > > > On Sun, Oct 12, 2008 at 4:49 PM, bookme <[EMAIL PROTECTED]> wrote:
>
> > > > > > > Hi, I am usingJquerypluginfor client sidevalidation. But due to a
> > > > > > >filednameI am facing a problem.
>
> > > > > > > Example
> > > > > > > var validator = $("#UserSignupForm").validate({
> > > > > > > rules: {
> > > > > > > data[User][username]: {
> > > > > > > required: true,
> > > > > > > minlength: 2,
> > > > > > > remote: "users.php"
> > > > > > > }
>
> > > > > > > });
>
> > > > > > > HTML :<inputid="id_username1" name="data[User][username]"
> > > > > > > type="text"
> > > > > > > value="" maxlength="50" />
>
> > > > > > > When I am using data[User][username] as a filed name injquery
> > > > > > >validation, it's not working but in case of other name like
> > > > > > >username
> > > > > > > it's working. I think there is problem of [][] (bracket of
> > > > > > > array). But
> > > > > > > I can notchange data[User][username] so I want to use
> > > > > > > id_username1
> > > > > > > instead of filename invalidationpluginbut don't know how to use
> > > > > > >ID?.
>
> > > > > > > Is there any other solution?
>
> > > > > > > Also I have to face same problem in many plugins becuase CakePHP
> > > > > > > return name like data[User][username] so How can I override a name
> > > > > > > fromID?
>
> > > > > > > Please Help me
> > > > > > > Thanks
