Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
blablabla100234
0 / 0 / 0
Регистрация: 10.05.2013
Сообщений: 1
1

Валидация в таблице

13.05.2013, 15:40. Просмотров 627. Ответов 1
Метки нет (Все метки)

Есть таблица, которая по нажатию на кнопку calc складывает значения из двух инпутов и записывает их в label

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="calctable">
<table>
 
    <tr>
        <td> <input id="value1" name="value1" value="" type="text" /></td>
    </tr>
 
    <tr>
        <td> <input id="value2" name="value2" value="" type="text" /></td>
    </tr>
 
    <tr>
        <td>
            <label id="total"></label>
        </td>
    </tr>
    
</table>
 <input id="calc" type="submit" value="calc"  />
</div>
Необходимо для инпутов добавить валидацию, максимальное значение первого 100, второго -10

Пробовал сделать это с помощью плагина validation, не работает)
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
    $(document).ready(function () {
        $("#calctable").validate({
            rules: {
                value1: {
                    max: 100,
                },
                value2: {
                    max: 10,
                },
            },
            messages: {
                value1: {
                    max: "*",
                },
                value2: {
                    max: "*",
                },
            }
        });
    });
</script>
В чем ошибка? Как сделать проверку на валидность после потерю фокуса инпутом. Спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.05.2013, 15:40
Ответы с готовыми решениями:

валидация
Нужно здесь добавить валидацию по цифрам поле телефона validate: function...

Валидация авторизации
Есть два текстовых инпута логин и пароль. При их правильном заполнении должна...

валидация формы
Нашел в интернете примеры, того , как поле в форме делается невозможным для...

Валидация формы
как посредством jquery не дать юеру отправить форму, если он в ней ничего не...

Валидация формы
Всем привет, Есть обычная html форма &lt;form method=&quot;post&quot; ...

1
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
13.05.2013, 16:31 2
потеря фокуса - событие blur
Правильно использовать кнопку type="button" если Вы не собираетесь отправлять форму
HTML5
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
  <head>
    <title>Образец</title>
    
    
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    
 <script type="text/javascript">
$(document).ready(function(){
 var value1,value2 ; 
$('#value1').blur(function(){
    value1=0;
    var valN=$(this).val();
    if(valN>100) {
            alert("Значение в первом поле не должно превышать 100");
        }
    else{
        value1=1;
    }   
        
});
 
$('#value2').blur(function(){
    value2=0;
    var valN=$(this).val();
    if(valN>-10){ 
       alert("Значение во втором поле не должно превышать -10");
       
       }
    else {
        value2=1;
    }      
}); 
 
$('#calc').click(function(){
    if(value1==1 && value2==1){
    var res = parseInt($('#value1').val())+parseInt($('#value2').val());
    $('#total').text(res);
    }
});
 
             
 });/*end  ready*/
 </script>
    
  </head>
  <body style="padding-left:180px;">
<div id="calctable">
<table>
 
    <tr>
        <td> <input id="value1" name="value1" value="" type="text" /></td>
    </tr>
 
    <tr>
        <td> <input id="value2" name="value2" value="" type="text" /></td>
    </tr>
 
    <tr>
        <td>
            <label id="total"></label>
        </td>
    </tr>
    
</table>
 <input id="calc" type="button" value="calc"  />
</div>
</body>
</html>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.05.2013, 16:31

Валидация формы
Загрузить на сайт не удалось файлы, еще какой-то непреодолимой мистикой они...

JQuery валидация
Доброго времени суток! у jquery есть отличный валидатор. Вопрос как...

Валидация Email на jQuery UI
Делаю форму на jQuery UI вот такую http://jqueryui.com/dialog/#modal-form ...


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

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

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