آفلاین
user-avatar

گرفتن عدد از اینپوت نامبر به صورت تومان در jquery

2 سال پیش
توسط vahid Mohammadi آپدیت شد
آفلاین
user-avatar
مرتضی صبیحی ( 9876 تجربه )
2 سال پیش
تخصص : (VueJs) Front-end developer

دوستان
من میخوام اینپوت نامپر رو با jquery ولیدیت کنم
میخوام مقدار به تومان بگیره و با این فرمت:
1،000
1،000،000

چیکار کنم؟

آفلاین
user-avatar
vahid Mohammadi ( 37202 تجربه )
2 سال پیش

@mortezasb87

باید Mask رو پیاده سازی کنید.نمونه کد زیر کارتون رو راه میندازه

https://jsfiddle.net/theandybob/t37m0txu/
آفلاین
user-avatar
مرتضی صبیحی ( 9876 تجربه )
2 سال پیش
تخصص : (VueJs) Front-end developer

@viva.mohammadi
الان تو js fiddle این از پلاگین استفاده شده؟
منظورم اینه که mask پلاگینه؟
اگه پلاگینه چی سرچ کنم؟

آفلاین
user-avatar
vahid Mohammadi ( 37202 تجربه )
2 سال پیش

@mortezasb87
نه ، کلا به عملیات تبدیل فرمت ورودی کاربر می گن input masking که اون کد اینکارو می کنه برای شما

شما باید کپی پیست کنی فقط

نکته : کد جاوا اسکریپت رو باید به داخل تگ <script> بذارید

آفلاین
user-avatar
مرتضی صبیحی ( 9876 تجربه )
2 سال پیش
تخصص : (VueJs) Front-end developer

@viva.mohammadi
Image of Yaktocat
هیچ تغییری نکرد
اینم کد:

<script>
    $('#price_meter').inputmask("numeric", {
        radixPoint: ".",
        groupSeparator: ",",
        digits: 2,
        autoGroup: true,
        prefix: '$', //No Space, this will truncate the first character
        rightAlign: false,
        oncleared: function () { self.Value(''); }
    });
</script>

<label for="price_meter">قیمت متری:</label>
                                                                    <input type="text" placeholder="قیمت متری ملک" class="form-control divide" name="price_meter" id="price_meter">
                                                                    <div id="price_meterError" class="text-danger mt-1 validate-error"></div>
آفلاین
user-avatar
سیدعلی موسوی ( 113233 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی

اسکریپتت رو بعد از اینپوت بذار، و چون این کدت جی کوئری هست واس جی کوئری رو ایمپورت کنی

آفلاین
user-avatar
مرتضی صبیحی ( 9876 تجربه )
2 سال پیش
تخصص : (VueJs) Front-end developer

@juza666
خوب منم همین کارو کردم
اول jquery رو لود کردم و بعدش این اسکریپت رو نوشتم

آفلاین
user-avatar
سیدعلی موسوی ( 113233 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی

اسکریپتت رو بعد از اینپوت بذار

آفلاین
user-avatar
vahid Mohammadi ( 37202 تجربه )
2 سال پیش

@mortezasb87
خب دوست من، اگر شما توی jsfiddle  رو نگاه کرده باشین می بینی که یه ‌Resource هم داره اون رو هم باید اضافه بفرمایید
کد شما  دو خط کم داره که در زیر می ذارم. jquery.js رو هم که دارین خودتون

<script src="jquery.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>

باز هم مشکلی بود بفرمایید با هم حلش کنیم

برای ارسال پاسخ باید وارد سایت شوید