Allow only numbers and comma in TextBox

Allow only numbers and comma in TextBox

by Adi Jaya

HTML

<input 
    onkeypress="demo();"
    oninput="demo();"
    onblur="demo();"
    onpropertychange="demo();" 
    type="text" 
id="number-comma"/>

<!-- propertychange = oninput [for IE] -->

<p>
only for number and comma, <i>exp:</i> <samp>0000,11111,2222,546556,47987987,656</samp>
</p>

SCSS

html {
    font-size: 16px;
    font-family: sans-serif;
    line-height: 1.5;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#number-comma {
    width: 100%;
    padding: 10px;
}

JavaScript

/*No wrap || bootom of <body>*/
function demo(){
	var targetID = document.getElementById("number-comma");
	var ok = targetID.value.replace(/[\a-z\A-Z\.~`!@#$%\^&*()_+=\-\[\]\\';/{}|\\":<>\?\s]/g, '');
    targetID.value=ok;
    //more code....
}





/* jquery version 

<input type="text" id="number-comma"/>

$('#number-comma').on('blur input focus propertychange keypress',function() {
	var replace = $(this).val().replace(/[\a-z\A-Z\.~`!@#$%\^&*()_+=\-\[\]\\';/{}|\\":<>\?\s]/g, '');
	$(this).val(replace);
});

*/