Как использовать errorPlacement для конкретного элемента? - PullRequest
Новая
       28

Как использовать errorPlacement для конкретного элемента?

15 голосов
/ 27 октября 2010

У меня есть флажок и текст следует за ним, как; [флажок] Я согласен

Если при отправке флажок не установлен, текущим способом отображения сообщения об ошибке является (я использую errorElement: «div»);

[флажок]Это поле обязательно к заполнению.Я согласен **

Я бы предпочел; [флажок] Я согласенЭто поле обязательно для заполнения

Есть идеи, как это сделать ?.

Обтекание HTML для соответствующего флажка и текстовых элементов, которые у меня есть, выглядит следующим образом; [div] [checkbox] Я согласен [/ div] [div] [/ div]

Я попытался errorPlacment: следующим образом, надеясь применить его только для этогоодин элемент;

...            
messages: {
    usage_terms: {
        required: "Must agree to Terms of Use.",
    //errorElement: "div"
    errorPlacement: function(error, element) {
        error.appendTo( element.parent("div").next("div") );
        }
    }
}
...

Это не сработало.Любая идея?.

Ответы [ 2 ]

27 голосов
/ 27 октября 2010

errorPlacement не под сообщениями (как опция), это глобальный вариант, поэтому вместо этого он должен выглядеть следующим образом: 

messages: {
  usage_terms: "Must agree to Terms of Use."
}
errorPlacement: function(error, element) {
  if(element.attr("name") == "usage_terms") {
    error.appendTo( element.parent("div").next("div") );
  } else {
    error.insertAfter(element);
  }
}

Вот мы простопроверяя имя элемента при принятии решения, куда он идет, вы можете сделать еще одну проверку, например, присвоив всем классам, которые ведут себя так, класс и сделать element.hasClass("placeAfter").

0 голосов
/ 10 января 2018

файл html 

<label for="Q008" class="control-label titular">Question text 008 by example</small></label>
<input type="text" class="form-control" name="Q008" id="Q008" maxlength="500" />
<div id="Q008error"></div>

<label class="control-label titular">Question text 009 by example</label>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_1" value="1" />
    <label for="Q009_1">Text 91</label>
</div>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_2" value="2" />
    <label for="Q009_2">Text 92</label>
</div>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_3" value="3" />
    <label for="Q009_3">Text 93</label>
</div>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_4" value="4" />
    <label for="Q009_4">Text 94</label>
</div>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_5" value="5" />
    <label for="Q009_5">Text 95</label>
</div>
<div class="controls">
    <input type="checkbox" name="Q009" id="Q009_6" value="6" />
    <label for="Q009_6">Text 96</label>
</div>
<div id="Q009error"></div>

jquery проверить файл 

errorPlacement: function(error, element) {
    var elementForm = "", containerError = "";
    offset = element.offset();
    elementForm = element.attr("name");
    containerError = "#" + elementForm + "error";
    error.prependTo(containerError);
    error.addClass('message');
}
...