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

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

دسته : Jquery

کد محصول : 104

قیمت : رایگان

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


جداسازی سه رقم سه رقم اعداد در 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);
}

 

  • جدا کردن سه رقم سه رقم اعداد با jquery را با دوستان خود به اشتراک بگذارید.
  • سوالات خود را در بخش پرسش و پاسخ این مطلب ثبت کنید.
  • مطالب خود را در جاب تیم به اسم خود ثبت کنید ارسال مطلب


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