Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is my jquery input mask not working?
    primarykey
    data
    text
    <p>I am trying to use the jQuery input mask plug-in (jquery.maskedinput-1.3.min.js), and I have searched for several examples/solutions, and my code is exactly as other working examples, but it simply won't work for me. Keep in mind my code is only testing this plug-in for now (trying to get it to work, which will explain why I am trying to apply a date input mask to a name field) My code lies below:</p> <p><strong>HTML</strong></p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;Persons of Interest&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="/Default_Styler.css" /&gt; &lt;link rel="shortcut icon" href="/person.ico" type="image/x-icon" /&gt; &lt;script src="/Scripts/jquery.1.7.2.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/Scripts/FormHandler.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="WrapperDiv"&gt; &lt;div id="TitleBar"&gt; &lt;!--Beginning of Title Bar--&gt; &lt;div style="padding-top: 30px; text-align: center;"&gt;Persons of Interest&lt;/div&gt; &lt;/div&gt; &lt;!--End of Title Bar--&gt; &lt;div id="FormHolder"&gt; &lt;form action=""&gt; &lt;p&gt;&lt;label&gt;POI Name: &lt;/label&gt;&lt;input type="text" id="POI Name" name="POI Name" value=""/&gt;&lt;/p&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>JavaScript</strong></p> <pre><code>jQuery(function ($) { $("#POI Name").mask("99/99/9999"); }); </code></pre> <p>Other than that, I can assure you that the referenced jQuery libraries are indeed in the appropriate directory. (/Scripts/...)</p> <p>I don't get an error when I click in the input field or anything, it just simply does nothing. </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload