Jquery Validation only working when required MVC

Question

3.00/5 (1 vote)

See more:

Hey guys, I'm just wondering if anyone knows why the Jquery Validation is only working when the required attribute is set to true? So basically all I want to do is check that the user entered a number in to the field on screen before submitting the from.

Generated Html from my helper.

HTML

<div class="form-group">
   <label class="control-label col-lg-4" for="MaxUploadSpeed">Max Upload Speed</label>
<div class="col-lg-8">
   <input class="form-control" data-val="true" data-val-number="The field Max   Upload Speed must be a number." id="MaxUploadSpeed" name="MaxUploadSpeed" type="number" value="" />
</div>
</div>

Jquery Validation code

JavaScript

  $('#block-validate').validate({
        rules: {

        number: {
                required : false,
                number: true 
        },
        date :{
            required :true
        }
});

All this works fine when the required is set to true so I'm just wondering if anyone knows what I'm doing wrong here. Thanks in advance guys.

Posted 10-Jul-14 21:14pm

frostcox

Add a Solution

Comments

arvind mepani 11-Jul-14 7:23am

number validation using jquery validate apply couldn't apply for white space or empty textbox.

frostcox 11-Jul-14 10:17am

Hey when I enter text in the numeric field it allows the form to be submitted. Any ideas?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

arvind mepani · Answer 1 · 2014-07-12T03:14:00

You have used type number in jquery validation instead of ID of the input tag
so need to change number with ID of control as MaxUploadSpeed and you missed "}" in your jquery validation code I have fix code and as below

C#

$('#block-validate').validate({
               rules: {

               MaxUploadSpeed: {
                       required : false,
                       number: true
               },
               date :{
                   required :true
               }
               }});

For Love demo you can see here :
http://jsfiddle.net/anomepani/MuV4J/3/[^]