[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Your a legend. Thank you. Works now.
On Oct 29, 10:24 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Looks like the validation is basically working, though you messed
> something up: The submit button has a click handler which always
> returns false, preventing any submit validation to occur.
>
> On the other hand, if you enter something into a required field, then
> blur, then remove and blur, you'll get error messages.
>
> So you should just fix that button. One way would be to remove the
> click handler and use the submitHandler option instead to handle the
> submit.
>
> Jörn
>
> On Wed, Oct 29, 2008 at 11:14 AM, ryanhavoc
>
> <[EMAIL PROTECTED]> wrote:
>
> > Okay, I've replaced the minified files with uncompressed. Refresh.
>
> > Thanks
>
> > Ryan
>
> > On Oct 29, 10:08 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > wrote:
> >> Okay, that helps. So far I couldn't find anything obvious though,
> >> really weird issue. Please replace the minified files with normal
> >> source files, but makes debugging possible.
>
> >> Jörn
>
> >> On Wed, Oct 29, 2008 at 10:59 AM, ryanhavoc
>
> >> <[EMAIL PROTECTED]> wrote:
>
> >> > OK, I've created a test page getting rid off all the over javascript
> >> > i'm using.
>
> >> >http://common.leeds-art.ac.uk/validate/openday_bookings/test.php
>
> >> > Same problem.
>
> >> > I've got a link at the top that loads the form in a dialog box from a
> >> > seperate file, test_add_attendee.php
>
> >> > And I've also put that same form on the test.php page. The form on the
> >> > page runs the validate however the form i the dialog does not.
>
> >> > Any ideas?
>
> >> > Thanks
>
> >> > On Oct 29, 9:22 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> >> > wrote:
> >> >> Yes, thats why its called a testpage. You need to strip anything
> >> >> unrelated so that we can focus on the actual problem.
>
> >> >> Jörn
>
> >> >> On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
>
> >> >> <[EMAIL PROTECTED]> wrote:
>
> >> >> > Yes, $("#attendee_editForm") is the id of the form being pulling in.
>
> >> >> > It's difficult to create a test page as it's linked to confidential
> >> >> > data at the minute.
>
> >> >> > On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> >> >> > wrote:
> >> >> >> Does $("#attendee_editForm") match any elements? A testpage would
> >> >> >> help.
>
> >> >> >> Jörn
>
> >> >> >> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>
> >> >> >> > I have a script that generates a form. I'm pulling this form into a
> >> >> >> > dialog box on my main index page via Ajax and trying to attached
> >> >> >> > the
> >> >> >> > Validate plugin to the form.
>
> >> >> >> > So I've got this:
>
> >> >> >> > $("a.attendee_add").click(function() {
> >> >> >> > //Get href from link
> >> >> >> > var addURL = $(this).attr("href");
>
> >> >> >> > //Ajax get from href link
> >> >> >> > $.get(addURL, function(data){
> >> >> >> > //Display content in dialog box
> >> >> >> > $(data).dialog({
> >> >> >> > height: "auto",
> >> >> >> > width: "auto",
> >> >> >> > resizable: false,
> >> >> >> > draggable: false,
> >> >> >> > position: "center",
> >> >> >> > modal: true,
> >> >> >> > overlay: {
> >> >> >> > background: "#33"
> >> >> >> > },
> >> >> >> > close: function(ev, ui) {
> >> >> >> > $(this).dialog("destroy").remove(); }
> >> >> >> > });
>
> >> >> >> > //Attach validate plugin
> >> >> >> > $("#attendee_editForm").validate();
> >> >> >> > });
> >> >> >> > return false;
> >> >> >> > });
>
> >> >> >> > However it doesn't work.
>
> >> >> >> > If I don't pull the form in with ajax and instead just paste it
> >> >> >> > into
> >> >> >> > my index page and add in $("#attendee_editForm").validate(); to the
> >> >> >> > document ready function it works so I know my form is marked up
> >> >> >> > properly.
>
> >> >> >> > Has anyone any idea how I can get this working?
>
> >> >> >> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Okay, I've replaced the minified files with uncompressed. Refresh.
Thanks
Ryan
On Oct 29, 10:08 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Okay, that helps. So far I couldn't find anything obvious though,
> really weird issue. Please replace the minified files with normal
> source files, but makes debugging possible.
>
> Jörn
>
> On Wed, Oct 29, 2008 at 10:59 AM, ryanhavoc
>
> <[EMAIL PROTECTED]> wrote:
>
> > OK, I've created a test page getting rid off all the over javascript
> > i'm using.
>
> >http://common.leeds-art.ac.uk/validate/openday_bookings/test.php
>
> > Same problem.
>
> > I've got a link at the top that loads the form in a dialog box from a
> > seperate file, test_add_attendee.php
>
> > And I've also put that same form on the test.php page. The form on the
> > page runs the validate however the form i the dialog does not.
>
> > Any ideas?
>
> > Thanks
>
> > On Oct 29, 9:22 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > wrote:
> >> Yes, thats why its called a testpage. You need to strip anything
> >> unrelated so that we can focus on the actual problem.
>
> >> Jörn
>
> >> On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
>
> >> <[EMAIL PROTECTED]> wrote:
>
> >> > Yes, $("#attendee_editForm") is the id of the form being pulling in.
>
> >> > It's difficult to create a test page as it's linked to confidential
> >> > data at the minute.
>
> >> > On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> >> > wrote:
> >> >> Does $("#attendee_editForm") match any elements? A testpage would help.
>
> >> >> Jörn
>
> >> >> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>
> >> >> > I have a script that generates a form. I'm pulling this form into a
> >> >> > dialog box on my main index page via Ajax and trying to attached the
> >> >> > Validate plugin to the form.
>
> >> >> > So I've got this:
>
> >> >> > $("a.attendee_add").click(function() {
> >> >> > //Get href from link
> >> >> > var addURL = $(this).attr("href");
>
> >> >> > //Ajax get from href link
> >> >> > $.get(addURL, function(data){
> >> >> > //Display content in dialog box
> >> >> > $(data).dialog({
> >> >> > height: "auto",
> >> >> > width: "auto",
> >> >> > resizable: false,
> >> >> > draggable: false,
> >> >> > position: "center",
> >> >> > modal: true,
> >> >> > overlay: {
> >> >> > background: "#33"
> >> >> > },
> >> >> > close: function(ev, ui) {
> >> >> > $(this).dialog("destroy").remove(); }
> >> >> > });
>
> >> >> > //Attach validate plugin
> >> >> > $("#attendee_editForm").validate();
> >> >> > });
> >> >> > return false;
> >> >> > });
>
> >> >> > However it doesn't work.
>
> >> >> > If I don't pull the form in with ajax and instead just paste it into
> >> >> > my index page and add in $("#attendee_editForm").validate(); to the
> >> >> > document ready function it works so I know my form is marked up
> >> >> > properly.
>
> >> >> > Has anyone any idea how I can get this working?
>
> >> >> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Looks like the validation is basically working, though you messed
something up: The submit button has a click handler which always
returns false, preventing any submit validation to occur.
On the other hand, if you enter something into a required field, then
blur, then remove and blur, you'll get error messages.
So you should just fix that button. One way would be to remove the
click handler and use the submitHandler option instead to handle the
submit.
Jörn
On Wed, Oct 29, 2008 at 11:14 AM, ryanhavoc
<[EMAIL PROTECTED]> wrote:
>
> Okay, I've replaced the minified files with uncompressed. Refresh.
>
> Thanks
>
> Ryan
>
> On Oct 29, 10:08 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> wrote:
>> Okay, that helps. So far I couldn't find anything obvious though,
>> really weird issue. Please replace the minified files with normal
>> source files, but makes debugging possible.
>>
>> Jörn
>>
>> On Wed, Oct 29, 2008 at 10:59 AM, ryanhavoc
>>
>> <[EMAIL PROTECTED]> wrote:
>>
>> > OK, I've created a test page getting rid off all the over javascript
>> > i'm using.
>>
>> >http://common.leeds-art.ac.uk/validate/openday_bookings/test.php
>>
>> > Same problem.
>>
>> > I've got a link at the top that loads the form in a dialog box from a
>> > seperate file, test_add_attendee.php
>>
>> > And I've also put that same form on the test.php page. The form on the
>> > page runs the validate however the form i the dialog does not.
>>
>> > Any ideas?
>>
>> > Thanks
>>
>> > On Oct 29, 9:22 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
>> > wrote:
>> >> Yes, thats why its called a testpage. You need to strip anything
>> >> unrelated so that we can focus on the actual problem.
>>
>> >> Jörn
>>
>> >> On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
>>
>> >> <[EMAIL PROTECTED]> wrote:
>>
>> >> > Yes, $("#attendee_editForm") is the id of the form being pulling in.
>>
>> >> > It's difficult to create a test page as it's linked to confidential
>> >> > data at the minute.
>>
>> >> > On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
>> >> > wrote:
>> >> >> Does $("#attendee_editForm") match any elements? A testpage would help.
>>
>> >> >> Jörn
>>
>> >> >> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>>
>> >> >> > I have a script that generates a form. I'm pulling this form into a
>> >> >> > dialog box on my main index page via Ajax and trying to attached the
>> >> >> > Validate plugin to the form.
>>
>> >> >> > So I've got this:
>>
>> >> >> > $("a.attendee_add").click(function() {
>> >> >> >//Get href from link
>> >> >> >var addURL = $(this).attr("href");
>>
>> >> >> >//Ajax get from href link
>> >> >> >$.get(addURL, function(data){
>> >> >> >//Display content in dialog box
>> >> >> >$(data).dialog({
>> >> >> >height: "auto",
>> >> >> >width: "auto",
>> >> >> >resizable: false,
>> >> >> >draggable: false,
>> >> >> >position: "center",
>> >> >> >modal: true,
>> >> >> >overlay: {
>> >> >> >background: "#33"
>> >> >> >},
>> >> >> >close: function(ev, ui) {
>> >> >> > $(this).dialog("destroy").remove(); }
>> >> >> >});
>>
>> >> >> >//Attach validate plugin
>> >> >> >$("#attendee_editForm").validate();
>> >> >> > });
>> >> >> > return false;
>> >> >> > });
>>
>> >> >> > However it doesn't work.
>>
>> >> >> > If I don't pull the form in with ajax and instead just paste it into
>> >> >> > my index page and add in $("#attendee_editForm").validate(); to the
>> >> >> > document ready function it works so I know my form is marked up
>> >> >> > properly.
>>
>> >> >> > Has anyone any idea how I can get this working?
>>
>> >> >> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Okay, that helps. So far I couldn't find anything obvious though,
really weird issue. Please replace the minified files with normal
source files, but makes debugging possible.
Jörn
On Wed, Oct 29, 2008 at 10:59 AM, ryanhavoc
<[EMAIL PROTECTED]> wrote:
>
> OK, I've created a test page getting rid off all the over javascript
> i'm using.
>
> http://common.leeds-art.ac.uk/validate/openday_bookings/test.php
>
> Same problem.
>
> I've got a link at the top that loads the form in a dialog box from a
> seperate file, test_add_attendee.php
>
> And I've also put that same form on the test.php page. The form on the
> page runs the validate however the form i the dialog does not.
>
> Any ideas?
>
> Thanks
>
> On Oct 29, 9:22 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> wrote:
>> Yes, thats why its called a testpage. You need to strip anything
>> unrelated so that we can focus on the actual problem.
>>
>> Jörn
>>
>> On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
>>
>> <[EMAIL PROTECTED]> wrote:
>>
>> > Yes, $("#attendee_editForm") is the id of the form being pulling in.
>>
>> > It's difficult to create a test page as it's linked to confidential
>> > data at the minute.
>>
>> > On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
>> > wrote:
>> >> Does $("#attendee_editForm") match any elements? A testpage would help.
>>
>> >> Jörn
>>
>> >> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>>
>> >> > I have a script that generates a form. I'm pulling this form into a
>> >> > dialog box on my main index page via Ajax and trying to attached the
>> >> > Validate plugin to the form.
>>
>> >> > So I've got this:
>>
>> >> > $("a.attendee_add").click(function() {
>> >> >//Get href from link
>> >> >var addURL = $(this).attr("href");
>>
>> >> >//Ajax get from href link
>> >> >$.get(addURL, function(data){
>> >> >//Display content in dialog box
>> >> >$(data).dialog({
>> >> >height: "auto",
>> >> >width: "auto",
>> >> >resizable: false,
>> >> >draggable: false,
>> >> >position: "center",
>> >> >modal: true,
>> >> >overlay: {
>> >> >background: "#33"
>> >> >},
>> >> >close: function(ev, ui) {
>> >> > $(this).dialog("destroy").remove(); }
>> >> >});
>>
>> >> >//Attach validate plugin
>> >> >$("#attendee_editForm").validate();
>> >> > });
>> >> > return false;
>> >> > });
>>
>> >> > However it doesn't work.
>>
>> >> > If I don't pull the form in with ajax and instead just paste it into
>> >> > my index page and add in $("#attendee_editForm").validate(); to the
>> >> > document ready function it works so I know my form is marked up
>> >> > properly.
>>
>> >> > Has anyone any idea how I can get this working?
>>
>> >> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
OK, I've created a test page getting rid off all the over javascript
i'm using.
http://common.leeds-art.ac.uk/validate/openday_bookings/test.php
Same problem.
I've got a link at the top that loads the form in a dialog box from a
seperate file, test_add_attendee.php
And I've also put that same form on the test.php page. The form on the
page runs the validate however the form i the dialog does not.
Any ideas?
Thanks
On Oct 29, 9:22 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Yes, thats why its called a testpage. You need to strip anything
> unrelated so that we can focus on the actual problem.
>
> Jörn
>
> On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
>
> <[EMAIL PROTECTED]> wrote:
>
> > Yes, $("#attendee_editForm") is the id of the form being pulling in.
>
> > It's difficult to create a test page as it's linked to confidential
> > data at the minute.
>
> > On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > wrote:
> >> Does $("#attendee_editForm") match any elements? A testpage would help.
>
> >> Jörn
>
> >> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>
> >> > I have a script that generates a form. I'm pulling this form into a
> >> > dialog box on my main index page via Ajax and trying to attached the
> >> > Validate plugin to the form.
>
> >> > So I've got this:
>
> >> > $("a.attendee_add").click(function() {
> >> > //Get href from link
> >> > var addURL = $(this).attr("href");
>
> >> > //Ajax get from href link
> >> > $.get(addURL, function(data){
> >> > //Display content in dialog box
> >> > $(data).dialog({
> >> > height: "auto",
> >> > width: "auto",
> >> > resizable: false,
> >> > draggable: false,
> >> > position: "center",
> >> > modal: true,
> >> > overlay: {
> >> > background: "#33"
> >> > },
> >> > close: function(ev, ui) {
> >> > $(this).dialog("destroy").remove(); }
> >> > });
>
> >> > //Attach validate plugin
> >> > $("#attendee_editForm").validate();
> >> > });
> >> > return false;
> >> > });
>
> >> > However it doesn't work.
>
> >> > If I don't pull the form in with ajax and instead just paste it into
> >> > my index page and add in $("#attendee_editForm").validate(); to the
> >> > document ready function it works so I know my form is marked up
> >> > properly.
>
> >> > Has anyone any idea how I can get this working?
>
> >> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Yes, thats why its called a testpage. You need to strip anything
unrelated so that we can focus on the actual problem.
Jörn
On Wed, Oct 29, 2008 at 10:16 AM, ryanhavoc
<[EMAIL PROTECTED]> wrote:
>
> Yes, $("#attendee_editForm") is the id of the form being pulling in.
>
> It's difficult to create a test page as it's linked to confidential
> data at the minute.
>
> On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> wrote:
>> Does $("#attendee_editForm") match any elements? A testpage would help.
>>
>> Jörn
>>
>> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>>
>> > I have a script that generates a form. I'm pulling this form into a
>> > dialog box on my main index page via Ajax and trying to attached the
>> > Validate plugin to the form.
>>
>> > So I've got this:
>>
>> > $("a.attendee_add").click(function() {
>> >//Get href from link
>> >var addURL = $(this).attr("href");
>>
>> >//Ajax get from href link
>> >$.get(addURL, function(data){
>> >//Display content in dialog box
>> >$(data).dialog({
>> >height: "auto",
>> >width: "auto",
>> >resizable: false,
>> >draggable: false,
>> >position: "center",
>> >modal: true,
>> >overlay: {
>> >background: "#33"
>> >},
>> >close: function(ev, ui) {
>> > $(this).dialog("destroy").remove(); }
>> >});
>>
>> >//Attach validate plugin
>> >$("#attendee_editForm").validate();
>> > });
>> > return false;
>> > });
>>
>> > However it doesn't work.
>>
>> > If I don't pull the form in with ajax and instead just paste it into
>> > my index page and add in $("#attendee_editForm").validate(); to the
>> > document ready function it works so I know my form is marked up
>> > properly.
>>
>> > Has anyone any idea how I can get this working?
>>
>> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Yes, $("#attendee_editForm") is the id of the form being pulling in.
It's difficult to create a test page as it's linked to confidential
data at the minute.
On Oct 28, 11:01 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Does $("#attendee_editForm") match any elements? A testpage would help.
>
> Jörn
>
> On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>
> > I have a script that generates a form. I'm pulling this form into a
> > dialog box on my main index page via Ajax and trying to attached the
> > Validate plugin to the form.
>
> > So I've got this:
>
> > $("a.attendee_add").click(function() {
> > //Get href from link
> > var addURL = $(this).attr("href");
>
> > //Ajax get from href link
> > $.get(addURL, function(data){
> > //Display content in dialog box
> > $(data).dialog({
> > height: "auto",
> > width: "auto",
> > resizable: false,
> > draggable: false,
> > position: "center",
> > modal: true,
> > overlay: {
> > background: "#33"
> > },
> > close: function(ev, ui) {
> > $(this).dialog("destroy").remove(); }
> > });
>
> > //Attach validate plugin
> > $("#attendee_editForm").validate();
> > });
> > return false;
> > });
>
> > However it doesn't work.
>
> > If I don't pull the form in with ajax and instead just paste it into
> > my index page and add in $("#attendee_editForm").validate(); to the
> > document ready function it works so I know my form is marked up
> > properly.
>
> > Has anyone any idea how I can get this working?
>
> > Thanks
[jQuery] Re: [validate] Problem with validation on a form pulling in with Ajax
Does $("#attendee_editForm") match any elements? A testpage would help.
Jörn
On Tue, Oct 28, 2008 at 5:38 PM, ryanhavoc <[EMAIL PROTECTED]> wrote:
>
> I have a script that generates a form. I'm pulling this form into a
> dialog box on my main index page via Ajax and trying to attached the
> Validate plugin to the form.
>
> So I've got this:
>
> $("a.attendee_add").click(function() {
>//Get href from link
>var addURL = $(this).attr("href");
>
>//Ajax get from href link
>$.get(addURL, function(data){
>//Display content in dialog box
>$(data).dialog({
>height: "auto",
>width: "auto",
>resizable: false,
>draggable: false,
>position: "center",
>modal: true,
>overlay: {
>background: "#33"
>},
>close: function(ev, ui) {
> $(this).dialog("destroy").remove(); }
>});
>
>//Attach validate plugin
>$("#attendee_editForm").validate();
> });
> return false;
> });
>
> However it doesn't work.
>
> If I don't pull the form in with ajax and instead just paste it into
> my index page and add in $("#attendee_editForm").validate(); to the
> document ready function it works so I know my form is marked up
> properly.
>
> Has anyone any idea how I can get this working?
>
> Thanks
>
