ansaurus

Question

Answer 1

+1 A:

Just a quick glance, it looks like you are missing a closing '}' in your javascript. I think you are not closing the validate({ correctly. Try to add the } brace in front of your ); after the errorPlacement function.

  $(document).ready(function(){ 
var validator = $("#submitForm").validate({ 
        debug: true, 
        rules: { 
            author: "required", 
            quote: "required" 
        }, 
        messages: { 
            author: "Name of Author required" 
            quote: "Please enter Quote" 
        }, 
        errorPlacement: function(error, element) { 
            error.appendTo( element.parent().top() ); 
        } 
  }); 
  });

Tommy 2010-04-05 22:57:24

See comment on your answer post for further explanation on the script tag src attributes

Tommy 2010-04-05 23:07:51

Answer 2

+1 A:

I haven't used jquery validation plugin before, but there is obviously a missing comma here:

messages: 
{
            author: "Name of Author required",
            quote: "Please enter Quote"
},

Don't have this plugin by hand so I cannot get a sample running code now.

Personally I feel a declarative way of validation is more appealing to me, which means rather than put the validation requirements directly into your javascript code, you can declaratively mark them inside html. The validation engine then will go check each required field, etc...

If this sounds reasonable to you, then I recommend another validation plugin : jQuery inline validation

Michael Mao 2010-04-05 23:00:20

Answer 3

A:

did that, still doesn't validate. firebug throws this error:

 $ is not defined
 $(document).ready(function(){

what does this mean?

fuz3d 2010-04-05 23:02:48

Ahhh, this means you failed to load jQuery... Try changing it to the latest compressed version and see if that will do. Just another wondering, what if you remove the leading "~" in your script path? Try using something relative as "./"

Michael Mao 2010-04-05 23:04:34

In the future, use the "add comment" button below answers to reply to them rather than opening a new answer. Answers are not sorted chronologically so the ordering is not preserved.

musicfreak 2010-04-05 23:05:43

It means Jquery is not loaded. Your script links don't look right either. The '~' is an .NET thing - it looks like you are using PHP. Try hard coding your script file resources like this: <script type="text/javascript" src="../scripts/jquery.js/"></script> or whatever your path is.

Tommy 2010-04-05 23:06:44

@Tommy : oh, that strange look comes from .NET... I was wondering if that refers to the "user's home directory" as in Linux :)

Michael Mao 2010-04-05 23:10:13

thank you, Michael and Tommy. it worked! the issue was with the name of the js file which was 'jquery-1.4.2' instead of plain jquery.Michael, i've used jquery in the past on the .NET platform - that explains ~. i'm learning PHP for a change. ;)

fuz3d 2010-04-05 23:14:35

@MichaelMao - Yup, one of thoes .NET things, but funny you mention it - thats what the ~/, it maps back to your application root...didn't know that Linux has something similar! :)

Tommy 2010-04-06 00:25:04

Answer 4

A:

Check the path to your jQuery libraries. Them being in a directory named ~ and suffixed with / seems unlikely. If they are in the same directory the correct syntax is:

<script type="text/javascript" src="jquery.js"></script>

wombleton 2010-04-05 23:05:31

ansaurus

tags:

views:

answers:

validation using jquery

related questions