|
 |
| |
Textbox ลบกันแล้วเมื่อกรอกเลขแล้วให้มีคอมม่าทุกtextมีตัวอย่ามั้งไหมครับ |
| |
 |
|
|
 |
 |
|
กรอกแล้วคอมม่าเด้ง + ขยับ เมื่อมีการเปลี่ยนหลักเองเลยตอนกรอก ผมเองยังทำไม่ได้ อยากรู้เหมือนกันเขาทำกันยังไง :)
ผมมีแต่โค้ดแบบที่ต้องคลิกออกจากกรอบ (INPUT) คลิกไปที่ว่างหรือเลื่อนเคอเซอร์ออกไปจากกล่องนั้นคอมม่าถึงจะเด้งขึ้นมา
Code (PHP)
<script type="text/javascript">
//คุม0-9และ จุด
function chkNumber(ele)
{
var vchar = String.fromCharCode(event.keyCode);
if ((vchar<'0' || vchar>'9') && (vchar != '.')) return false;
ele.onKeyPress=vchar;
}
// เพิ่มคอมม่าและ .00 กรณีไม่มีทศนิยม
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
function chkNum(ele)
{
var num = parseFloat(ele.value);
ele.value = addCommas(num.toFixed(2));
}
</script>
<input name="net_transfer" type="text" id="net_transfer" OnChange="JavaScript:chkNum(this)" OnKeyPress="return chkNumber(this)" size="10" style="font-size:24px" />
ส่วนเรื่องการตัดคอมม่าแล้วบวกลบคูณหารก็คงไม่ไช่เรื่องยากอะไร มันจะยากก็ตรงเอาเข้าเองแบบอัตโนมัตินี่เหละครับ :)
|
ประวัติการแก้ไข
2014-09-16 05:10:15
 |
 |
 |
 |
| Date :
2014-09-16 05:02:52 |
By :
meannerss |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (JavaScript)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script language="javascript">
function settext(e){
if( e.keyCode==13){
// checkkey return;
if(confirm('Next step to submit') ) document.test.submit();
}
if(e.keyCode==8){
document.test.txt_hide.value = document.test.txt_hide.value.substr(0, document.test.txt_hide.value.length - 1);
e.keyCode=0;
}else if( e.keyCode==190){
document.test.txt_hide.value += '.';
}else if(!(e.keyCode<48 || e.keyCode>57) ){
document.test.txt_hide.value += e.keyCode-48;
}else e.keyCode=0;
document.test.txt_show.value = addCommasToNum( document.test.txt_hide.value);
}
function addCommasToNum(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
</script>
<body>
<form name='test'>
<input type="text" name="txt_show" onKeyUp="settext(event)" >
<input type="hidden" name="txt_hide" >
</form>
</body>
</html>
code นี้เขียนไว้นานแล้ว ลอกฟังก์ชั่น addCommasToNum เขามา ที่เหลือ โมฯ เอง
ก็ปรับใช้ตามต้องการนะครับ
|
| |
|
|
| |
| Date :
2014-09-16 06:20:39 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
นำเสนอ jquery mask plugin หากไม่ตอบโจทย์ข้ออภัย 
|
| |
|
|
| |
| Date :
2014-09-16 08:56:12 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ประยุคใช้ดูครับ 2 แนวทาง
Code (PHP)
<input type="text" id="number" />
<script src="admin/bootstrap/js/jquery-1.10.2.min.js"></script>
<script>
$(function(){
$('#number').on('keyup',function(){
var val=$(this).val();
var num=0;
for(i=0;i<val.length;i++){
if(val[i] == ','){
num++;
}
}
if(val.length != 0 &&(val.length - num)%3==0){
$(this).val($(this).val()+',');
}
});
});
</script>
Credit : ☣ DÜd€ ☣ Thailand
Code (PHP)
<input type="text" id="number" />
<script type='text/javascript' src='https://code.jquery.com/ui/1.10.4/jquery-ui.min.js'></script>
<script type='text/javascript'>
$(function(){
var num = 0 ,values='';
$('#number').on('keyup',function(){
values = $(this).val().replace(/,/g ,""),
result = '';
$(this).val(values);
num = values.length -1;
var splitC = values.split("").reverse();
for(var i = 0; i <= num; ++i){
if(i%3 == 0 && i > 0)
result = result + ',';
result = result + splitC[i];
}
$(this).val(result.split("").reverse().join(""));
});
});
</script>
Credit : Unidentifier
|
| |
|
|
| |
| Date :
2014-09-16 14:22:18 |
By :
Ex-[S]i[L]e[N]t |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
