Final code is below but it still fails and submits the form without
any validation, I hate IE, Firefox works fine...
$("#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",
email: "not correct email"
},
order_phone: {
required: "Enter your phone number with area
code",
minLength: "Check your phone number",
number: "Please enter only numbers"
}
}
});
On Aug 13, 4:15 pm, "Dan G. Switzer, II" <[EMAIL PROTECTED]>
wrote:
> 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
