Re: На JS сделать так, чтобы у всех полей type=number, убрались стрелочки и можно был

[westnord]

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

[ОлегА]

где код?

[westnord]

<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>

[ОлегА]

Ваши 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) : ''"/>

[рони]

westnord,
может

<input id="tel_number" name="tel_number" type="tel" pattern = "/^\d\d\d\-\d\d\d$/" autocomplete=OFF title = "123-123">

[westnord]

<input id="tel_number" name="tel_number" type="text" autocomplete=OFF onkeyup="this.value = !isNaN(parseInt(this.value)) ? parseInt(this.value) : ''"/>

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

[danik.js]

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

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

[ОлегА]

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

[danik.js]

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

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

[ОлегА]

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