Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Re: На JS сделать так, чтобы у всех полей type=number, убрались стрелочки и можно был (https://javascript.ru/forum/misc/39869-re-na-js-sdelat-tak-chtoby-u-vsekh-polejj-type%3Dnumber-ubralis-strelochki-i-mozhno-byl.html)

westnord 15.07.2013 11:22

Re: На JS сделать так, чтобы у всех полей type=number, убрались стрелочки и можно был
 
У меня в форме несколько input'ов со значением type=number, как при помощи javascript убрать стрелочки, которые прибавляют и убавляют цифры в поле, а также, если пользователь ввел символ, не похожий на цифру, удалить его.
Думал сделать это как-нибудь при помощи parseInt(), но не знаю, как это сделать.
Заранее спасибо за помощь!

ОлегА 15.07.2013 11:32

где код?

westnord 15.07.2013 12:38

<div id="steps">
              <form id="formElem" name="formElem">
                <fieldset class="step">
                  <legend>Заголовок 1</legend>
                  <p>
                    <label for="company_name">Название:</label>
                    <input id="company_name" name="company_name" type="text" />
                  </p>
                  <p>
                    <label for="username">Имя пользователя:</label>
                    <input id="username" name="username" type="text" autocomplete=OFF />
                  </p>
                  <p>
                    <label for="tel_number">Контактный телефон:</label>
                    <input id="tel_number" name="tel_number" type="number" autocomplete=OFF />
                  </p>
                  ...
                </fieldset>
 
                <fieldset class="step">
                  <legend>Заголовок 2</legend>
                  <p>
                    <label for="aim">Цели и задачи, которые Вы ставите перед создаваемым интернет-проектом:</label>
                    <textarea name="aim" id="aim"></textarea>
                  </p>
                  <p>
                    <label for="aim_auditor">Целевая аудитория, ее описание:</label>
                    <textarea name="aim_auditor" id="aim_auditor"></textarea>
                  </p>
                 ...
              
               <p class="submit">
                    <button name="submit" id="submit"  type="submit">Подать заявку</button>
                    
                  </p>
                        </fieldset>
                    </form>
</div>

ОлегА 15.07.2013 13:54

Ваши type="number" не будут рабоать в старых версиях IE и в мазиле, лучше поменяйте их на type="text", а насчет

Цитата:

если пользователь ввел символ, не похожий на цифру, удалить его.
вот это попробуйте
<input id="tel_number" name="tel_number" type="text" autocomplete=OFF onkeyup="this.value = !isNaN(parseInt(this.value)) ? parseInt(this.value) : ''"/>

рони 15.07.2013 14:14

westnord,
может
<input id="tel_number" name="tel_number" type="tel" pattern = "/^\d\d\d\-\d\d\d$/" autocomplete=OFF title = "123-123">

westnord 15.07.2013 14:15

Цитата:

Сообщение от ОлегА (Сообщение 262393)
Ваши type="number" не будут рабоать в старых версиях IE и в мазиле, лучше поменяйте их на type="text", а насчет



вот это попробуйте
<input id="tel_number" name="tel_number" type="text" autocomplete=OFF onkeyup="this.value = !isNaN(parseInt(this.value)) ? parseInt(this.value) : ''"/>

Спасибо большое за помощь!

danik.js 16.07.2013 02:10

Цитата:

Сообщение от ОлегА
Ваши type="number" не будут рабоать в старых версиях IE и в мазиле, лучше поменяйте их на type="text", а насчет

Че значит не будут? Будут. просто отобразятся обычные текстовые поля. Зато на планшетниках будет появляться цифровая клава. А стрелочки убрать можно через css.

ОлегА 16.07.2013 07:55

danik.js, тебе спокойно не спится, если ты кого-нибудь не под...шь что ли? Ясен пень что они будут работать, но не так как они должны работать, а если они работают не так как должны, то нахера они нужны и приписывать к ним стили это тупое извращенство!

danik.js 16.07.2013 12:41

Во-первых, когда действительно нужен input[type=number], то и стрелочки не приходится удалять. Тут же челу нужен input[type=tel]. И его тоже есть смысл использовать, пусть он пока не везде поддерживается. Седня не поддерживается - завтра поддерживается. А приток юзеров с мобильных устройств растет и растет. Почему бы не сделать удобство для них?

Хотя судя по всему ты специализируешься на ГС, так что можешь делать как пожелаешь )

ОлегА 16.07.2013 13:19

danik.js, просто я не сторонник не кроссбраузерных штучек и делать люблю так чтобы работало везде одинаково, а не так "тут так, а тут сяк", а насчет мобильников согласен.


Часовой пояс GMT +3, время: 04:33.