subject:"\[jQuery\] Re\: \[validate\] \-\- newbie getting started"

[jQuery] Re: [validate] -- newbie getting started

2008-10-23 Thread whitewaterbug

I know this is like the hello world of validate...can anyone see the
issue?  This is my first time using jquery and validate so my
troubleshooting skills are not there yet.

On Wed, Oct 22, 2008 at 10:11 AM, whitewaterbug [EMAIL PROTECTED]wrote:

 Thanks for the suggestions.  I updated the form per suggestionsbut it
 still isn't doing the validation :(  Here is the form now:

 --
 html
 head
 script type=text/javascript src=jquery-1.2.6.min.js/script
 script type=text/javascript src=jquery.form.js/script
 script type=text/javascript src=jquery.validate.js/script
 script type=text/javascript src=jquery.metadata.js/script

 script type=text/javascript
 // wait for the DOM to be loaded
 $(document).ready(function() {
 // bind 'myForm' and provide a simple callback function
 //$('#myForm').ajaxForm(function() {
 //alert(Thank you for your comment!);
 $(#myForm).validate();
 });
 /script
 /head
 body

 FORM name=myForm2 id=myform ACTION=
 http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgihttp://www.cs.tut.fi/cgi-bin/run/%7Ejkorpela/echo.cgi
 
 METHOD=POST

 P
 Type something:BR
 TEXTAREA ROWS=5 COLS=72 NAME=Comments
 This is
 some text
 in several lines.
 /TEXTAREA
 p
 INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
 P
 email: INPUT Type=text name=myEmail class=required email
 INPUT TYPE=HIDDEN NAME=hiddenField VALUE=something

 INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
 /FORM
 /body
 /html

[jQuery] Re: [validate] -- newbie getting started

2008-10-22 Thread Jörn Zaefferer

Your input elements must have a name, otherwise the validation doesn't work.

Jörn

On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED] wrote:

 I am trying to get the validate plugin and the form plugin to work
 together.  I would like to use in HTML markup to describe the
 validation, as it seems cleaner to read to me.  So, I downloaded
 jquery, form, validate, and metadata...whipped up a quick form and
 tried it out.

 From firebug, I can see that all scripts are being downloaded
 successfully.  But no validations are happening on th email text
 input.  The tag I thought would turn the validation on is:

 INPUT Type=text class=required email

 Here is the actual form...what did I miss?

 thanks!!

 ---

 html
 head
script type=text/javascript src=jquery-1.2.6.min.js/
 script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script

script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert(Thank you for your comment!);
});
$(#myForm).validate();

});
/script
 /head
 body

 FORM id=myform ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/
 echo.cgi
 METHOD=POST
 P
 Type something:BR
 TEXTAREA ROWS=5 COLS=72 NAME=Comments
 This is
 some text
 in several lines.
 /TEXTAREA
 p
 INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
 P
 INPUT Type=text class=required email
 INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
 INPUT TYPE=SUBMIT VALUE=Send
 /FORM
 /body
 /html

[jQuery] Re: [validate] -- newbie getting started

2008-10-22 Thread whitewaterbug

I just ran it again with a name entered for the email input and validate
still didn't run.  I then took the ajax forms script out to isolate to
validate.  It still didn't validate.  I must be doing something simple
wrong.  Thanks.

Here is my updated broken code/html:

html
head
script type=text/javascript src=jquery-1.2.6.min.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script

script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
//$('#myForm').ajaxForm(function() {
//alert(Thank you for your comment!);
$(#myForm).validate();
});
/script
/head
body

FORM id=myform ACTION=
http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
METHOD=POST

P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
email: INPUT Type=text name=myEmail class=required email
INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
/FORM
/body
/html

On Wed, Oct 22, 2008 at 9:11 AM, Jörn Zaefferer 
[EMAIL PROTECTED] wrote:

 Your input elements must have a name, otherwise the validation doesn't
 work.

 Jörn

 On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED]
 wrote:
 
  I am trying to get the validate plugin and the form plugin to work
  together.  I would like to use in HTML markup to describe the
  validation, as it seems cleaner to read to me.  So, I downloaded
  jquery, form, validate, and metadata...whipped up a quick form and
  tried it out.
 
  From firebug, I can see that all scripts are being downloaded
  successfully.  But no validations are happening on th email text
  input.  The tag I thought would turn the validation on is:
 
  INPUT Type=text class=required email
 
  Here is the actual form...what did I miss?
 
  thanks!!
 
  ---
 
  html
  head
 script type=text/javascript src=jquery-1.2.6.min.js/
  script
 script type=text/javascript src=jquery.form.js/script
 script type=text/javascript src=jquery.validate.js/script
 script type=text/javascript src=jquery.metadata.js/script
 
 script type=text/javascript
 // wait for the DOM to be loaded
 $(document).ready(function() {
 // bind 'myForm' and provide a simple callback function
 $('#myForm').ajaxForm(function() {
 alert(Thank you for your comment!);
 });
 $(#myForm).validate();
 
 });
 /script
  /head
  body
 
  FORM id=myform 
  ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/http://www.cs.tut.fi/cgi-bin/run/%7Ejkorpela/
  echo.cgi
  METHOD=POST
  P
  Type something:BR
  TEXTAREA ROWS=5 COLS=72 NAME=Comments
  This is
  some text
  in several lines.
  /TEXTAREA
  p
  INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
  P
  INPUT Type=text class=required email
  INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
  INPUT TYPE=SUBMIT VALUE=Send
  /FORM
  /body
  /html

[jQuery] Re: [validate] -- newbie getting started

2008-10-22 Thread Eric


A couple things that probably aren't the problem, but should be fixed
anyways:
- In the TEXTAREA tag, put quotes around the name.
- For the hidden INPUT, remove the space from the name
- Give a name to the FORM tag.

Are you getting any Javascript errors in Firebug?   Can you post a
test page so I can try to debug it?

Thanks.


On Oct 22, 9:40 am, whitewaterbug [EMAIL PROTECTED] wrote:
 I just ran it again with a name entered for the email input and validate
 still didn't run.  I then took the ajax forms script out to isolate to
 validate.  It still didn't validate.  I must be doing something simple
 wrong.  Thanks.

 Here is my updated broken code/html:
 
 html
 head
     script type=text/javascript src=jquery-1.2.6.min.js/script
     script type=text/javascript src=jquery.form.js/script
     script type=text/javascript src=jquery.validate.js/script
     script type=text/javascript src=jquery.metadata.js/script

     script type=text/javascript
         // wait for the DOM to be loaded
         $(document).ready(function() {
             // bind 'myForm' and provide a simple callback function
             //$('#myForm').ajaxForm(function() {
             //    alert(Thank you for your comment!);
             $(#myForm).validate();
             });
     /script
 /head
 body

 FORM id=myform ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
 METHOD=POST

 P
 Type something:BR
 TEXTAREA ROWS=5 COLS=72 NAME=Comments
 This is
 some text
 in several lines.
 /TEXTAREA
 p
 INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
 P
 email: INPUT Type=text name=myEmail class=required email
 INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
 INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
 /FORM
 /body
 /html

 On Wed, Oct 22, 2008 at 9:11 AM, Jörn Zaefferer 

 [EMAIL PROTECTED] wrote:
  Your input elements must have a name, otherwise the validation doesn't
  work.

  Jörn

  On Wed, Oct 22, 2008 at 2:49 PM, whitewaterbug [EMAIL PROTECTED]
  wrote:

   I am trying to get the validate plugin and the form plugin to work
   together.  I would like to use in HTML markup to describe the
   validation, as it seems cleaner to read to me.  So, I downloaded
   jquery, form, validate, and metadata...whipped up a quick form and
   tried it out.

   From firebug, I can see that all scripts are being downloaded
   successfully.  But no validations are happening on th email text
   input.  The tag I thought would turn the validation on is:

   INPUT Type=text class=required email

   Here is the actual form...what did I miss?

   thanks!!

   ---

   html
   head
      script type=text/javascript src=jquery-1.2.6.min.js/
   script
      script type=text/javascript src=jquery.form.js/script
      script type=text/javascript src=jquery.validate.js/script
          script type=text/javascript src=jquery.metadata.js/script

      script type=text/javascript
          // wait for the DOM to be loaded
          $(document).ready(function() {
              // bind 'myForm' and provide a simple callback function
              $('#myForm').ajaxForm(function() {
                  alert(Thank you for your comment!);
              });
                          $(#myForm).validate();

          });
      /script
   /head
   body

   FORM id=myform 
   ACTION=http://www.cs.tut.fi/cgi-bin/run/~jkorpela/http://www.cs.tut.fi/cgi-bin/run/%7Ejkorpela/
   echo.cgi
   METHOD=POST
   P
   Type something:BR
   TEXTAREA ROWS=5 COLS=72 NAME=Comments
   This is
   some text
   in several lines.
   /TEXTAREA
   p
   INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
   P
   INPUT Type=text class=required email
   INPUT TYPE=HIDDEN NAME=hidden field VALUE=something
   INPUT TYPE=SUBMIT VALUE=Send
   /FORM
   /body
   /html

[jQuery] Re: [validate] -- newbie getting started

2008-10-22 Thread whitewaterbug

Thanks for the suggestions.  I updated the form per suggestionsbut it
still isn't doing the validation :(  Here is the form now:

--
html
head
script type=text/javascript src=jquery-1.2.6.min.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript src=jquery.metadata.js/script

script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
//$('#myForm').ajaxForm(function() {
//alert(Thank you for your comment!);
$(#myForm).validate();
});
/script
/head
body

FORM name=myForm2 id=myform ACTION=
http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi;
METHOD=POST

P
Type something:BR
TEXTAREA ROWS=5 COLS=72 NAME=Comments
This is
some text
in several lines.
/TEXTAREA
p
INPUT TYPE=checkbox NAME=box VALUE=yesCheck me!
P
email: INPUT Type=text name=myEmail class=required email
INPUT TYPE=HIDDEN NAME=hiddenField VALUE=something
INPUT name=mysubmit TYPE=SUBMIT VALUE=Send
/FORM
/body
/html

[jQuery] Re: [validate] -- newbie getting started

[jQuery] Re: [validate] -- newbie getting started

[jQuery] Re: [validate] -- newbie getting started

[jQuery] Re: [validate] -- newbie getting started

[jQuery] Re: [validate] -- newbie getting started

5 matches

Site Navigation

Mail list logo

Footer information