Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 10, средняя оценка - 4.70
Anish
1 / 1 / 0
Регистрация: 18.08.2010
Сообщений: 76
#1

Клиентская валидация Input поля - JavaScript

20.12.2011, 15:38. Просмотров 1243. Ответов 3
Метки нет (Все метки)

есть Input поле, в которое нужно ограничить ввод ненужных символов, причем сделать это нужно без submit'ов.
HTML5
1
2
3
4
<td onclick="CellClick('<%: CID %>')"  align="center" >
                                        <span id="V<%:CID%>"  style="visibility:visible"><%: m.Value %></span>
                                        <input id="E<%:CID%>" type="text" style="width:50px;visibility:hidden" value="<%: m.Value %>" pattern="[1-5]" />
                                    </td>
Заранее благодарен, тем, кто подскажет решение.
воткнуть валидацию нужно:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
                    function CellClick(cid) {
                        //alert("We clicked tp person" + p + " and class " + w);
 
                        var vid = "#V" + cid;
                        var eid = "#E" + cid;
 
                        /*--------------------------ForThisCell----------------------------*/
                        if ($(vid).css('visibility') == 'visible') {
                            $(vid).css('visibility', 'hidden');
                            $(eid).css('visibility', 'visible').focus();
                            //alert(document.getElementById('V' + cid).innerText);
                            //alert($(vid).html());                            
                        }
                        else {//тут валидация
                            $(vid).css('visibility', 'visible');
                            $(eid).css('visibility', 'hidden');
                            $(vid).html($(eid).val());                            
                            SaveMark(cid, $(eid).val());                                                    
                        }
 
                        /*----------------------------ForLastCell---------------------------*/
                        if (ElastCellId != null && ElastCellId != BeforElastCellId) {
                            if ($(ElastCellId).css('visibility') == 'visible' && $(eid).css('visibility', 'visible').focusout()) {
                                //тут валидация
                                $(VlastCellId).css('visibility', 'visible');
                                $(ElastCellId).css('visibility', 'hidden');
                                $(VlastCellId).html($(ElastCellId).val());
                                SaveMark(lastCellId, $(ElastCellId).val());
                            }
                        }
                        else if (ElastCellId != null && ElastCellId == BeforElastCellId && (oneCellCount % 2 == 1)) {
                            if ($(ElastCellId).css('visibility') == 'visible' && $(eid).css('visibility', 'visible').focusout()) {
                                //тут валидация
                                $(VlastCellId).css('visibility', 'visible');
                                $(ElastCellId).css('visibility', 'hidden');
                                $(VlastCellId).html($(ElastCellId).val());
                                SaveMark(lastCellId, $(ElastCellId).val());
                            }
                        }
 
                        if (ElastCellId != null && BeforElastCellId == ElastCellId) {
                            oneCellCount = oneCellCount + 1;
                        }
 
                        BeforElastCellId = ElastCellId;
                        ElastCellId = eid;
                        VlastCellId = vid;
                        lastCellId = cid;
                    }
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.12.2011, 15:38
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Клиентская валидация Input поля (JavaScript):

Валидация числа в input - JavaScript
Добрый вечер! Кто мог бы помочь решить во такую задачку: Валидация полей ввода на целый тип. Дана html-форма, содержащая поля ввода...

Изменение цвета поля Input при наборе текста (именно при наборе,а не при установке курсора мышки в поле Input) - JavaScript
Добрый день всем! Подскажите пожалуйста код, позволяющий сделать следующие действия. Есть поле Input и в нем необходимо сделать так,...

Увеличение поля input на 0,5 - JavaScript
Есть код для увеличения поля на единицу (1), но он почему то не работает на 0,5 &lt;div class=&quot;number&quot;&gt; &lt;span...

Disabled / enable поля input - JavaScript
Добрый день уважаемые форумчане! Помоги пожалуйста. Как сделать чтобы при нажатии на последний чек бокс поле &quot;text&quot; становилось...

Чтение содержимого поля input - JavaScript
Как читать содержимую из input type=&quot;text&quot;. И полученную эту содержимую передать в функцию.

Событие изменения поля input - JavaScript
есть каледарь на js. &lt;input id=&quot;date&quot; type=&quot;text&quot; name=&quot;dat1&quot; class=&quot;date&quot; maxlength=50 size=25% oninput...

3
resource2008
109 / 109 / 2
Регистрация: 11.03.2011
Сообщений: 421
25.12.2011, 03:43 #2
что если на input "навесить" событие onChange и проверять введенное пользователем значение?
0
Anish
1 / 1 / 0
Регистрация: 18.08.2010
Сообщений: 76
25.12.2011, 11:42  [ТС] #3
проблема уже решена)
0
Vicont
front-end developer
283 / 274 / 5
Регистрация: 31.08.2010
Сообщений: 577
Записей в блоге: 1
26.12.2011, 15:40 #4
Цитата Сообщение от Anish Посмотреть сообщение
нужно ограничить ввод ненужных символов
Каких символов и что вы подразумеваете под "ограничить ввод"?
Можно сделать так. что при вводе пользователем недопустисых символов, символы печатались, но потом при скажем нажатии на кнопку выводилось сообщение о ошибке, либо можно сделать так, чтобы пользователь не смог даже ввести недопустимый символ (вешать обработчик на событие onkeyup)

P.S. прошу прощения, не заметил что тема не актуальна.
0
26.12.2011, 15:40
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.12.2011, 15:40
Привет! Вот еще темы с ответами:

Из поля input - text записать в массив - JavaScript
Добрый вечер! Надо записать из полей input - введённый текст в массив. Затем вывести его обратно. &lt;form&gt; Make: &lt;input...

Как получать значение поля input на лету(в реальном времени)? - JavaScript
Здравствуйте! Подскажите пожалуйста как можно получить значение поля input на лету? Поясню подробнее ) Например есть у меня два...

У поля input с номером карты пропадает фокус и при вводе цифры переставляются местами - JavaScript
На некоторых мобильных устройствах (sony) у поля input с номером карты пропадает фокус. $(&quot;#cardNumber&quot;).mask(&quot;9999 9999 9999...

Проверка поля input type="file" - JavaScript
Имеем поле TYPE=&quot;FILE&quot; в форме и при клике на кнопку &quot;SUBMIT&quot; запускается функция проверки наличия ошибок ввода. javascript код ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru