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

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

20.12.2011, 15:38. Просмотров 1269. Ответов 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
Добрый вечер! Кто мог бы помочь решить во такую задачку: Валидация полей...

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

Увеличение поля input на 0,5
Есть код для увеличения поля на единицу (1), но он почему то не работает на 0,5...

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

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

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

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

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

Два взаимосвязанных поля input
Здравствуйте прошу помочь... не могу понять как создать два взаимосвязанных...

Из поля input - text записать в массив
Добрый вечер! Надо записать из полей input - введённый текст в массив. Затем...

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

У поля input с номером карты пропадает фокус и при вводе цифры переставляются местами
На некоторых мобильных устройствах (sony) у поля input с номером карты...


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

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

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