{"id":242,"date":"2011-04-30T16:51:33","date_gmt":"2011-04-30T21:51:33","guid":{"rendered":"http:\/\/xlinesoft.com\/blog\/?p=242"},"modified":"2011-11-02T10:14:40","modified_gmt":"2011-11-02T15:14:40","slug":"masked-input-in-phprunnerasprunnerpro-applications","status":"publish","type":"post","link":"https:\/\/xlinesoft.com\/blog\/2011\/04\/30\/masked-input-in-phprunnerasprunnerpro-applications\/","title":{"rendered":"Masked input in PHPRunner\/ASPRunnerPro applications"},"content":{"rendered":"

In this tutorial we are going to use an excellent jQuery Masked Input<\/a> plugin by Josh Bush.<\/p>\n

\"\"
\n
\n1. Download plugin and save it to include<\/strong> folder under output directory. You can download either uncompressed or minimized version of the plugin.<\/p>\n

2. Proceed to the page where you want to use the masked edit i.e. to the Add page in Visual Editor. Switch to HTML mode and add the following code snippet right before {END flybody}<\/strong> tag:<\/p>\n

\r\n
\r\n
<SCRIPT type=text\/javascript src=\"include\/jquery.maskedinput-1.3.js\"><\/SCRIPT><\/div>\r\n<\/div><\/pre>\n
If you downloaded minified version of the script change file name accordingly.<\/p>\n
3. Add the following code to Javascript OnLoad event of the same page.<\/p>\n
$(\"#value_EPACity_\"+pageid).mask(\"99\");\r\n$(\"#value_Phone_\"+pageid).mask(\"(999) 999-9999\");<\/pre>\n
Note:<\/strong> Field names are case sensitive.<\/p>\n
See live demo<\/a>. Put cursor into EPACity or into Phone# field to see how it works.<\/p>\n
A bit more info about mask formats. The following mask definitions are predefined:<\/p>\n
a – Represents an alpha character (A-Z,a-z)
\n9 – Represents a numeric character (0-9)
\n* – Represents an alphanumeric character (A-Z,a-z,0-9)<\/p>\n
A few examples:<\/strong>
\nUS social security number:  $(“#ssn”).mask(“999-99-9999”);
\nDate: $(“#date”).mask(“99\/99\/9999”);
\nTime (hh:mm:ss): $(“#date”).mask(“99:99:99”);
\nPhone number:  $(“#phone”).mask(“(999) 999-9999”);
\nPhone number with optional extension:  $(“#phone”).mask(“(999) 999-9999? x99999”);<\/p>\n
More usage examples and documentation<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
In this tutorial we are going to use an excellent jQuery Masked Input plugin by Josh Bush.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-242","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":6,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"predecessor-version":[{"id":423,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/posts\/242\/revisions\/423"}],"wp:attachment":[{"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlinesoft.com\/blog\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}