如何在<div>标签中拔掉文字? (使用jQuery validate&amp; AdminLTE模板)

时间:2015-08-05 03:15:03

标签: jquery jquery-validate

如何在<div></div>代码之间窃听错误消息?

HTML code:

<div class="form-group">
    <label>New Job Code (required)</label>
    <input type="text" class="form-control" id="add_job_code_name" name="add_job_code_name" />
    <label for="add_job_code_name" hidden><i class="fa fa-times-circle-o"></i> <div>** Add error message here **</div></label>
</div>
<div class="form-group">
    <label>Default start time</label>
    <input type="text" id="add_job_code_start_time" name="add_job_code_start_time" class="form-control" />
    <label for="add_job_code_start_time" hidden><i class="fa fa-times-circle-o"></i> <div>** Add error message here **</div></label>
</div>
<div class="form-group">
    <label>Default end time</label>
    <input type="text" id="add_job_code_end_time" name="add_job_code_end_time" class="form-control" />
    <label for="add_job_code_end_time" hidden><i class="fa fa-times-circle-o"></i> <div>** Add error message here **</div></label>
</div>

jQuery验证代码:

,errorPlacement: function(strError, objElement) {
    objElement.closest("div").addClass("has-error"); // color label and field border red; works nicely
    objElement.closest("div").children("div").innerHTML(strError); // shoehorn error message; this is the problem code.
}

如果有帮助,我使用的是AdminLTE模板。

2 个答案:

答案 0 :(得分:0)

在不知道如何调用errorPlacement函数的情况下,很难确定。但它很可能根本找不到你试图操纵的容器。

也许会给您的错误消息<div>一个ID。然后你可以直接引用它。

HTML:

<div id="error-message"></div>

JS:

$('#error-message').text('Your error message');

答案 1 :(得分:0)

HTML code:

>>> def foodo(thing=None, thong='not underwear'):
...     print thing if thing else "nothing"
...     print 'a thong is',thong
...
>>> foodo('something', thing='everything')
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
TypeError: foodo() got multiple values for keyword argument 'thing'

jQuery验证代码:

<div class="form-group">
    <label>New Job Code (required)</label>
    <input type="text" class="form-control" id="add_job_code_name" name="add_job_code_name" />
    <label for="add_job_code_name" hidden><i class="fa fa-times-circle-o"></i> <div class="error-div">* I want an error message here *</div></label>
</div>