According to user needs, the amount should be formatted when entering, that is, every three digits are separated by commas and two decimal places are retained.
Considering the user's experience, format the amount with JS, the foreground code is as follows:
The code copy is as follows:
<asp:TextBox ID="txtAmount" runat="server" onkeypress="check()" onkeyup="run(this)"></asp:TextBox>
The JS code is as follows:
The code copy is as follows:
//====== Check whether the input is a number
function check() {
if (!((window.event.keyCode >= 48 && window.event.keyCode <= 57) || window.event.keyCode == 46 || window.event.keyCode == 45)) {
window.event.keyCode = 0
}
}
//======== The amount of the formatted text box
function run(obj) {
var objvalue = obj.value.replace(/[,]/g, ""),
objlength = objvalue.length,
dtmp = objvalue.indexOf("."),
neg = objvalue.indexOf("-");
var inttmp = 0,
floattmp = -1;
if (dtmp != -1) {
inttmp = dtmp == 0 ? "0" : new String(objvalue).substring(0, dtmp);
floattmp = new String(objvalue).substring(dtmp + 1, objlength + 1);
floattmp = floattmp.replace(/[^0-9]/g, "");
}
else {
inttmp = objvalue;
}
if (neg == 0) {
inttmp = inttmp.replace(/[-]/g, "");
}
inttmp = inttmp.replace(/[^0-9]/g, "");
var tmp = "", str = "0000";
for (; inttmp.length > 3; ) {
var temp = new String(inttmp / 1000);
if (temp.indexOf(".") == -1) {
tmp = ",000" + tmp;
inttmp = temp;
}
else {
var le = new String(temp).split(".")[1].length;
tmp = "," + new String(temp).split(".")[1] + str.substring(0, 3 - le) + tmp;
inttmp = new String(temp).split(".")[0];
}
}
inttmp = inttmp + tmp;
obj.value = neg == 0 ? "-" + inttmp + running(floattmp) : inttmp + running(floattmp);
}
//======= Organize the decimal part
function running(val) {
if (val != "-1" && val != "") {
var valvalue = 0 + "." + val;
if (val.length >= 2) {
valvalue = parseFloat(valvalue).toFixed(2);
}
var temp = "." + valvalue.split(".")[1];
return temp;
}
else if (val != "0" && val == "") {
return ".";
}
else {
return "";
}
}
At the same time, since the amount can be entered into a negative number, the judgment of "neg = objvalue.indexOf("-")" is added.
Regarding the formatting of the amount, I often encounter such things. If I think this is OK, I will keep it for easy access in the future!