Группа проверки JQuery из 2 полей ввода. Либо оба присутствуют, либо оба являются пустыми является допустимым - PullRequest
Новая
       4

Группа проверки JQuery из 2 полей ввода. Либо оба присутствуют, либо оба являются пустыми является допустимым

0 голосов
/ 21 сентября 2011

Я хочу, чтобы оба значения присутствовали.Или оба значения должны быть пустыми, чтобы быть действительными. Как бы я изменил эту демонстрацию, чтобы оба поля INPUT были действительными, когда пусто?

вот ссылка на него в http://jsbin.com/otalir

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang='en' lang='en'>
<head>
    <title>test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://www.tanela.com/testbin/jquery-validation/jquery.validate.js"></script>   

    <script type="text/javascript">
    $(document).ready(function(){
    $("#myform").validate({
            groups: {
                username: "fname lname"
            },
            errorPlacement: function(error, element) {
            if (element.attr("name") == "fname" 
                ||  element.attr("name") == "lname")
                    error.insertAfter("#lastname");
                else
                error.insertAfter(element);
           },
           debug:true
        })
    });
  </script>

</head>
<body>
  <form id="myform" action="">
    <div>
    <label>Your Name</label>
    <input name="fname" class="required" value="Pete" />
    <input name="lname" id="lastname" class="required" />
    <br/>
    <input type="submit" value="Submit"/>
    </div>
</form>
</body>
</html>

1 Ответ

0 голосов
/ 21 сентября 2011

Вы могли бы сделать что-то вроде этого. Проверьте это скрипка 

var firstNameElem = $('[name=fname]'),
    lastNameElem = $('[name=lname]');

$('[name=fname],[name=lname]').keyup(function(){
  if(firstNameElem.val() != "" || lastNameElem.val() != ""){
    firstNameElem.addClass('required');
    lastNameElem.addClass('required');
  }else{
    firstNameElem.removeClass('required');
    lastNameElem.removeClass('required');
  }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...