How to validate a year I enter in textbox using jquery rule?

Question

I have a textbox in HTML:

<form method="post" id="register-form" novalidate>
  Session:
  <input type="text" name="session" id="session"/>
  <input type='submit' name='add' value='Save'/>
</form>

I want the date I enter in textbox to be between 2000 & 2014 and input like 212, 998 etc. should be rejected. How to validate it in JQuery?

<script>
  $(function() {
    $("#register-form").validate({
      rules: {      
        session: {
          required: true,
        },  
      },
      messages: {
        session: "Please enter year",                       
      },
      submitHandler: function(form) {
        form.submit();
      }
    });
  }); 
</script>

Ronen Cypis · Accepted Answer · 2014-02-16 08:49:18Z

2

You should use the "min" & "max" methods of the jQuery plugin like that:

$("#register-form").validate({
    rules: {        
        session: {
            required: true,
            min: 2000,
            max: 2014     
        },  
 },
    messages: {
    session: "Please enter year",                       
    },
    submitHandler: function(form) {
        form.submit();
    }
});

Sources: http://jqueryvalidation.org/min-method http://jqueryvalidation.org/max-method/

answered Feb 16, 2014 at 8:49

Ronen Cypis

21.5k1 gold badge22 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sachin · Accepted Answer · 2014-02-16 08:54:41Z

2

You can custom validation rule like this

$.validator.addMethod("validYear", function(value, element) {
    return ((parseInt(value) > 1999) && parseInt(value) < 2015);
}, "Year should  be between 2000-2014");

And then use this to define the rule

$("#register-form").validate({
    rules: {        
        session: {
            required: true,
            validYear:true
        },  
 },

Js Fiddle Demo

answered Feb 16, 2014 at 8:54

Sachin

41.1k7 gold badges94 silver badges107 bronze badges

Comments

Chethan N · Accepted Answer · 2014-02-16 08:52:49Z

1

Use range to specify the range.

$("#register-form").validate({

    rules: {        
        session: {
            required: true,
            range:[2000,2014]

        },  

 },

    messages: {
    session: "Please enter year",                       
    },


    submitHandler: function(form) {
        form.submit();
    }
});

answered Feb 16, 2014 at 8:52

Chethan N

1,1581 gold badge10 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to validate a year I enter in textbox using jquery rule?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related