Issue with masked input plugin

Question

I am trying to use masked input to make my date look like 9999-99-99 but doesen't seem to be effecting anything. I can't tell what I am doing wrong.

<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
jQuery(function ($) {
$("#date").mask("9999-99-99");
});
</script>

http://jsfiddle.net/doitlikejustin/xw2je/3/

This is my input box-

<input name="date" type="text" id="date" value="<?php echo $_SESSION['date'];?>" />

Are you using a correct link for the javascript file?

Afzaal Ahmad Zeeshan
– Afzaal Ahmad Zeeshan

2013-08-18 07:18:38 +00:00
Commented Aug 18, 2013 at 7:18 — Afzaal Ahmad Zeeshan
– Afzaal Ahmad Zeeshan, Commented Aug 18, 2013 at 7:18

Isuru Perera · Accepted Answer · 2013-08-18 07:09:41Z

2

You need to include jQuery script first.

The order is important, since jQuery Masked input plugin depends on jQuery. You should tell the browser to load jQuery first and then only you can work on jQuery stuff.

For example (I tested this):

<html>

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
    <script type="text/javascript">
    jQuery(function ($) {
    $("#date").mask("9999-99-99");
    });
    </script>
</head>

<body>
    <input name="date" type="text" id="date" value="" />
</body>
</html>

I hope this helps.

answered Aug 18, 2013 at 7:09

Isuru Perera

1,9151 gold badge11 silver badges24 bronze badges

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

2 Comments

A.R Over a year ago

Right, I thought I was? I used your code, did not seem to work. Could this be a problem? 'code' <input name="date" type="text" id="date" value="<?php echo $_SESSION['date'];?>" />

Isuru Perera Over a year ago

It shouldn't be a problem. May be you have some errors in the page. You can use Firebug on Firefox to see whether there are JavaScript errors

Kashyap · Accepted Answer · 2013-08-18 07:12:58Z

0

You just need to change jquery definition order, put version jquery file first and then put plugin jquery. It will solve your problem.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>

answered Aug 18, 2013 at 7:12

Kashyap

3914 silver badges10 bronze badges

Comments

Arnab · Accepted Answer · 2014-04-12 19:35:35Z

0

main jquery file should place first and then the addon.It will definitely solve ur problem.

answered Apr 12, 2014 at 19:35

Arnab

2812 gold badges7 silver badges19 bronze badges

Collectives™ on Stack Overflow

Issue with masked input plugin

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related