Измените цвет метки, если проверка не пройдена

Question

Измените цвет метки, если проверка не пройдена

0

У меня есть HTML, который имеет label и поле input следующим образом:

<div class="table-cell segmented">
    <label for="email" class="field-label">email</label>
    <input id="email" name="email" class="required" type="email" placeholder="Required"  />
    <input type="hidden" id="forgotPasswordInput" name="forgotPasswordInput" value="false"/>
</div>'

Я хочу изменить цвет label с id "name", когда сбой input -validation. Мне не нужно менять цвет метки, которая добавляется после input если проверка не выполняется.

У меня есть следующий метод для проверки:

var validator =$("#loginForm").validate({ 
            rules: { 
                email: {
                    required:true,
                    email:true,
                    emailRule: true,
                },
                emailPass: {
                    required:true,          
                },
            }, 
            messages: { 
                email: {
                    required:"enter email",
                    email:"invalid email",
                },
                emailPass:{
                    required:"enter password",
                },
            }       
        });

Sandeep 03 окт. 2013, в 01:34

Источник

0

У вас нет метки с идентификатором «имя» И вы должны отформатировать свой JavaScript
dezman 02 окт. 2013, в 23:26
0

Я изменил свой вопрос на то, что мне нужно
Sandeep 03 окт. 2013, в 00:02
0

Возможно, вы изменили его так, как вам нужно, но без соответствующих элементов, которые вы хотите, чтобы мы помогли вам в стиле, почти невозможно ответить. Итак, пожалуйста: подумайте о том, чтобы помочь нам. Хотя бы потому, что таким образом мы можем вам помочь. Какой смысл задавать вопрос, верно?
David Thomas 03 окт. 2013, в 00:17

Показать ещё 1 комментарий

Теги:

javascript

jquery

2 ответа

0

$('.row').find('label[for=name]').css({"color": "red"});

Ghanshyam Bhalala 02 окт. 2013, в 20:33

0

Я пытаюсь сделать то же самое, что указано в моем коде ниже: var validator = $ ("# loginForm"). Validate ({rules: {email: {required: true, email: true, emailRule: true,}, emailPass: { required: true,},}, сообщения: {email: {required: "", email: "неверный email",}, emailPass: {required: "",},}, invalidHandler: function (ev, validator) {$ ('.row'). find ('label [for = email]'). css ({"color": "red"});},});
Sandeep 02 окт. 2013, в 23:54
0

Но ничего не работает, поле моей электронной почты остается прежним
Sandeep 02 окт. 2013, в 23:55

Ещё вопросы

У вас нет метки с идентификатором «имя» И вы должны отформатировать свой JavaScript
Я изменил свой вопрос на то, что мне нужно
Возможно, вы изменили его так, как вам нужно, но без соответствующих элементов, которые вы хотите, чтобы мы помогли вам в стиле, почти невозможно ответить. Итак, пожалуйста: подумайте о том, чтобы помочь нам. Хотя бы потому, что таким образом мы можем вам помочь. Какой смысл задавать вопрос, верно?
Я пытаюсь сделать то же самое, что указано в моем коде ниже: var validator = $ ("# loginForm"). Validate ({rules: {email: {required: true, email: true, emailRule: true,}, emailPass: { required: true,},}, сообщения: {email: {required: "", email: "неверный email",}, emailPass: {required: "",},}, invalidHandler: function (ev, validator) {$ ('.row'). find ('label [for = email]'). css ({"color": "red"});},});
Но ничего не работает, поле моей электронной почты остается прежним

rescuecreative · Accepted Answer · 2013-10-02T20-56-00.000Z

Я думаю, вам нужно использовать метод invalidHandler.

var validator =$("#loginForm").validate({
  rules: {
    email: { required:true, email:true, emailRule: true, },
    emailPass: { required:true,}
  },
  messages: {
    email: { required:"enter email", email:"invalid email", },
    emailPass:{ required:"enter password", }
  },
  invalidHandler: function (ev, validator) {
    $('select your label').css('color', 'the new color');
  }
});

Кстати, вот ссылка на страницу документации валидатора jquery.