جدا کردن سه رقم سه رقم اعداد با jquery

جدا کردن سه رقم سه رقم اعداد با jquery

زمان مطالعه

5 دقیقه

تعداد بازدید

8772

تعداد پرسش ها

5

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

جدا کردن سه رقم سه رقم اعداد با jquery

جدا کردن سه رقم سه رقم اعداد با jquery

زمان مطالعه

5 دقیقه

تعداد بازدید

8772

تعداد پرسش ها

5

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب

جداسازی سه رقم سه رقم اعداد در jquery یا جاوا اسکریپت

گاهی اوقات نیاز می باشد که واحد پول را برای نمایش به کاربران در سایت سه رقم سه رقم از سمت راست جداکرده و نمایش دهیم مخصوصا زمانی که کاربر در حال تایپ کردن داخل یک input می باشد. جداسازی سه رقم سه رقم اعداد در jquery مثل php دارای یک تابع از قبل آماده شده نمی باشد برای جداسازی ارقام در جاوا اسکریپت یا جی کوئری ما خود یک تابع تعریف می کنیم که با نسبت دادن یک کلاس به input یا id یک input  جداسازی در هنگام تایپ کاربر در input انجام خواهد شد.

تابع جداسازی سه رقم در جی کوئری یا جاوا اسکریپت

اشاره کردیم که در کتابخانه جی کوئری تابعی برای اینکار یافت نکردیم پس یک تابع برای این کار خواهیم نوشت که کاربردی و در رویداد onkeyup فراخوانی خواهیم کرد تا با ورود هر کاراکتری این عملیات انجام شود یک تابع با نام دلخواه separateNum با دو آرگومان ورودی تعریف می کنیم کد این تابع به صورت ذیل خواهد بود:

function separateNum(value, input) {
        /* seprate number input 3 number */
        var nStr = value + '';
        nStr = nStr.replace(/\,/g, "");
        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');
        }
        if (input !== undefined) {

            input.value = x1 + x2;
        } else {
            return x1 + x2;
        }
    }

بعد از تعریف تابع مورد نظر برای جداسازی ارقام با جاوا اسکریپت باید این تابع را در رویداد onkeyup ورودی (input) خود تعریف کنیم پس به صورت ذیل عمل می کنیم:

<input type="text" onkeyup="separateNum(this.value,this);" name="price" id="price" placeholder="مثال : 10,000">

با این عملیات ساده در هنگام تایپ داخل input با نام price اعداد از سمت راست به صورت سه رقم سه رقم با کاما از هم جدا خواهند شد. تا اینجای کار ما عملیات جداسازی و گذاشتن در ورودی انجام شد حالا شاید بخواهید عملیاتی روی مقدار این input با جاوا اسکریپت یا کتابخانه جی کوئری انجام دهید. پس قبل از هرگونه عملیاتی باید کاما های موجود را حذف و عملیات خود مثل جمع، تفریق و ... را انجام دهید. برای مشخص شدن قضیه به مثال ذیل توجه کنید که می خواهیم مقدار این ورودی را گرفته و بدون کاما با یک پیغام alert نمایش دهیم:

function ex_normalNum(num) {
    num = num.replace(/,\s?/g, "");
    alert(num);
}

 

بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم


پرسش و پاسخ
5
کاربر امید
2 ماه پیش

جداسازی ارقام خروجی

بسم الله الرحمن الرحیم

تشکر بابت آموزش کاربری که دارید

 1-لطف کنید بفرمایید اگر بخواهم همین تابع را در دیتابیس ذخیره کنم چگونه باید کاماهای در این ورودی را حذف کنم؟

2- بفرمایید که اگر بخواهم مثلا در یک خروجی یک عدد را بصورت سه رقم جدا شده نشان بدهم چگونه این تابع را استفاده کنم ؟

کاربر بهزاد
2 ماه پیش

با استفاده از str_replace قبل از ذخیره کردن در دیتابیس کاماهارو حذف کنید

برای خروجی هم میتونید از لینک زیر کمک بگیرید

https://jobteam.ir/ProductUser/103-Php-Number-Format

کاربر امید
2 ماه پیش

بسم االه الرحمن الرحیم بسیار متشکرم بهزاد جان و تشکر بابت راهنمایی که انجام دادی .

کاربر حامد
4 ماه پیش

جدا سازی ارقام

سلام من از کدتون استفاده کردم اما نمیتونم ذخیره کنم عدد رو تو دیتا بیس لطفا کمک کنید

کاربر بهزاد
4 ماه پیش

احتمالا تو دیتابیس نوع فیلد مورد نظرتون عددی هستش قبل از ثبت تو دیتابیس باید کاماهای موجود رو حذف کنید

کاربر Amir
7 ماه پیش

تشکر

سلام .بسیار کاربری . تشکر

کاربر بهزاد
7 ماه پیش

خوشحالیم که استفاده کردید

کاربر بهزاد
1 سال پیش


در این سه مقاله به صورت متوالی استفاده از regex توضیح داده شده دوست عزیز

قسمت اول regex

قسمت دوم regex

قسمت سوم regex

کاربر joe
1 سال پیش


سلام.توضیح هم بدید در مورد تابع.اون قسمت regex که چکاری انجام میده.

دوره پیشنهادی
دوره پیشنهادی