jquery - How to change Phone number format in input as you type? -


my codepen: http://codepen.io/leongaban/pen/cyaal

i have input field phone number allows 20 characters (for international numbers).

i'm using masked input jquery plugin josh bush format phone number in input make 'pretty'.

enter image description here

  • my problem in requirements when phone 10 digits or less, should use masked input formatting.

  • however when phone number longer 10 digits, formatting should removed.


here current: codepen, cell phone input field i'm trying accomplish this. work phone example of default functionality of mask input plugin.

how go problem?

jquery cell phone input field:

case '2':     console.log('created phone input');     $('.new_option').append(myphone);     $('.added_mobilephone').mask('(999) 999-9999? 9');     $('.added_mobilephone').keypress(function(event){        if (this.value.trim().length > 10) {         console.log('this.value = '+this.value.trim());         console.log('greater 10');         $('.added_mobilephone').mask('99999999999999999999');       }        /*if (this.value.length < 9) {         console.log(this.value);         console.log('less 10');         $('.added_mobilephone').mask('(999) 999-9999? 9999999999');       } else if (this.value.length > 9) {         console.log(this.value);         console.log('greater 10');         $('.added_mobilephone').mask('99999999999999999999');       }*/     });     break;

you've solved problem, it's worth noting future reference else need apply multiple masks control may want explore inputmask plugin.

it has more callbacks, settings , many out of box mask types(be sure take @ extension files). can define multiple masks control, , plugin try , apply appropriate mask based on value.

here fiddle demo previous statement:

$(window).load(function()  {     var phones = [{ "mask": "(###) ###-####"}, { "mask": "(###) ###-##############"}];      $('#textbox').inputmask({           mask: phones,           greedy: false,           definitions: { '#': { validator: "[0-9]", cardinality: 1}} });  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.js"></script>  <input type='text' id='textbox' />


Comments

Post a Comment

Popular posts from this blog

c++ - End of file on pipe magic during open -

i have c++ application in starting process(wireshark) following. if (fp == null){ fp = popen(processpath, "r"); //processpath process want start if (!fp){ throw std::invalid_argument("cannot start process"); } fprintf(fp, d_msg);//d_msg input want provide process } else if(fp != null){ fprintf(fp, d_msg); } the problem when execute c++ application, start wireshark error end of file on pipe magic during open what should avoid that? also tried using mkfifo create named pipe , execute it. used this: if (fp == null){ system("mkfifo /tmp/mine.pcap"); fp = popen("wireshark -k -i /tmp/mine.pcap", "r"); if (!fp){ dout << "cannot start wireshark"<<std::endl; throw std::invalid_argument("cannot start wireshark"); } input = fopen("/tmp/mine.pcap", "wb"); fprintf(input , d_msg); fclose(input)...
Read more

basic authentication with http post params android -

i doing basic authentication passing username , password , using basicnamevaluepair sending post params response service. my method: public stringbuilder callservicehttppost(string username, string password, string type) { // create new httpclient , post header httpclient httpclient = new defaulthttpclient(); httppost httppost = new httppost(webservice + type); httpresponse response = null; stringbuilder total = new stringbuilder(); try { url url = new url(webservice + type); /*string base64encodedcredentials = base64.encodetostring((username + ":" + password).getbytes(), base64.url_safe | base64.no_wrap);*/ string base64encodedcredentials = "basic " + base64.encodetostring( (username + ":" + password).getbytes(), base64.no_wrap); httppost.setheader("auth...
Read more

data.table making a copy of table in R -

i doing this: myfun <- function(inputvar_vec){ # inputvar_vec input vector # # result = output vector return(result) } dt[, result := lapply(.sd, myfun), = byvar, .sdcols = inputvar] i getting following warning: warning message: `in `[.data.table`(df1, , `:=`(prop, lapply(.sd, propeventinlastk)), : invalid .internal.selfref detected , fixed taking copy of whole table, := can add new column reference. @ earlier point, data.table has been copied r (or been created manually using structure() or similar). (and more stuff) .... ` my guess because stacking result vectors (after operation), copy being made? can suggest method remove warning? have done using apply functions , thought should extendable here too. my other question is: can pass chunk of rows data frame (subsetted using statement), , call function myfun operate on that? adding example requested # generate data n = 10000 default=na value = 1 df = data.table(id = sample(1:5000, n, replace=true), ...
Read more