Click here to Skip to main content
15,511,981 members
Home / Discussions / JavaScript
   

JavaScript

 
QuestionHow to merge to javascripts to test in console? Pin
ajaszin18-Jun-21 15:52
ajaszin18-Jun-21 15:52 
AnswerRe: How to merge to javascripts to test in console? Pin
Richard Deeming21-Jun-21 0:45
mveRichard Deeming21-Jun-21 0:45 
GeneralRe: How to merge to javascripts to test in console? Pin
DerekT-P21-Jun-21 10:22
professionalDerekT-P21-Jun-21 10:22 
GeneralRe: How to merge to javascripts to test in console? Pin
Richard Deeming21-Jun-21 22:49
mveRichard Deeming21-Jun-21 22:49 
GeneralRe: How to merge to javascripts to test in console? Pin
DerekT-P21-Jun-21 23:50
professionalDerekT-P21-Jun-21 23:50 
QuestionAddEventListener in vanilla Javascript Pin
jkirkerx16-Jun-21 15:52
professionaljkirkerx16-Jun-21 15:52 
AnswerRe: AddEventListener in vanilla Javascript Pin
jkirkerx17-Jun-21 12:16
professionaljkirkerx17-Jun-21 12:16 
AnswerRe: AddEventListener in vanilla Javascript Pin
jkirkerx19-Jun-21 12:24
professionaljkirkerx19-Jun-21 12:24 
That didn't work at all. Fiddled with it for about 30 minutes on the DEV test server this time and came up with this that works for me in this format xxx-xxx-xxxx
JavaScript
document.addEventListener("DOMContentLoaded",() => {
    const phoneInputs = document.getElementsByClassName('form-control phoneNumber');
    for (let phoneInput of phoneInputs) {
        phoneInput.addEventListener('keydown', event => {
            event.target.value = formatPhoneNumber12(event.target.value);
        });
    }
});

function formatPhoneNumber12(value) {    
    if (!value) return value;    
    const phoneNumber = value.replace(/[^\d]/g, "");    
    const phoneNumberLength = phoneNumber.length;    
    if (phoneNumberLength < 4) return phoneNumber;    
    if (phoneNumberLength < 7) {
        return `${phoneNumber.slice(0, 3)}-${phoneNumber.slice(3)}`;
    }    
    return `${phoneNumber.slice(0, 3)}-${phoneNumber.slice(
        3,
        6
    )}-${phoneNumber.slice(6, 9)}`;
}
If it ain't broke don't fix it
Discover my world at jkirkerx.com

AnswerRe: AddEventListener in vanilla Javascript Pin
Richard Deeming21-Jun-21 0:42
mveRichard Deeming21-Jun-21 0:42 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 7:26
professionaljkirkerx21-Jun-21 7:26 
GeneralRe: AddEventListener in vanilla Javascript Pin
Richard Deeming21-Jun-21 7:31
mveRichard Deeming21-Jun-21 7:31 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 7:41
professionaljkirkerx21-Jun-21 7:41 
GeneralRe: AddEventListener in vanilla Javascript Pin
jkirkerx21-Jun-21 7:58
professionaljkirkerx21-Jun-21 7:58 
Questionhow to limit the draggable area in snap.svg? Pin
Member 1269897212-Jun-21 21:45
Member 1269897212-Jun-21 21:45 
QuestionI am getting the following error while trying to run ./watch for my Ember JS application Pin
simpledeveloper1-Jun-21 20:44
simpledeveloper1-Jun-21 20:44 
AnswerRe: I am getting the following error while trying to run ./watch for my Ember JS application Pin
jkirkerx16-Jun-21 15:58
professionaljkirkerx16-Jun-21 15:58 
QuestionHow To Use Dynamic variable in Javascript Pin
pranay kumar 202127-May-21 4:14
pranay kumar 202127-May-21 4:14 
AnswerRe: How To Use Dynamic variable in Javascript Pin
jkirkerx16-Jun-21 16:01
professionaljkirkerx16-Jun-21 16:01 
QuestionHow to deskew a page of pdf document which is loaded through pdf.js Pin
Member 1520321817-May-21 9:58
Member 1520321817-May-21 9:58 
QuestionJavascript Array Wrapper or Class Pin
Member 1510027612-May-21 15:23
Member 1510027612-May-21 15:23 
QuestionUse of assignment operator inside {} Pin
captain prime30-Apr-21 2:40
captain prime30-Apr-21 2:40 
AnswerRe: Use of assignment operator inside {} Pin
Richard Deeming30-Apr-21 2:49
mveRichard Deeming30-Apr-21 2:49 
GeneralRe: Use of assignment operator inside {} Pin
captain prime30-Apr-21 19:23
captain prime30-Apr-21 19:23 
QuestionMulti select with Id:Value init issue - Tabulator.js (Oli Folkerd) Pin
Member 105369228-Apr-21 0:38
Member 105369228-Apr-21 0:38 
QuestionNode express.js API slow response on first time request Pin
Member 1395114022-Apr-21 2:36
Member 1395114022-Apr-21 2:36 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.