WebolizeR,
>I got it and changed the JS code like below, but it still fails in IE,
>it submits the form without any validation
>
><script language="JavaScript">
> <!--
> $().ready(function() {
> // validate the form when it is submitted
>
>
>
> $("#formApp").validate({
>
> messages: {
> order_name: "Please enter your firstname and
surname"
> order_email: {
> required: "Please enter your email"
> },
> order_phone: {
> required: "Enter your phone number with area
code",
> minLength: "Check your phone number",
> number: "Please enter only numbers"
> }
> }
> });
>
>
> });
>
> //-->
> </script>
The above code only defines error messages--it does not actually apply any
validation rules. You need to define some "rules" for it to actually
validate:
$("#formApp").validate({
rules: {
order_name: "required",
order_email: {
required: true,
email: true
},
order_phone: {
required: true,
minLength: 10,
number: true
}
},
messages: {
order_name: "Please enter your firstname and surname"
order_email: {
required: "Please enter your email"
},
order_phone: {
required: "Enter your phone number with area code",
minLength: "Check your phone number",
number: "Please enter only numbers"
}
}
});
-Dan
