[英]JQuery: append/remove required asterisk to required field
Trying to write a JQuery function to append a required asterisk to a required field triggered on condition. 尝试编写JQuery函数以将必需的星号附加到条件触发的必需字段上。 And I thought this .append statement would work but it doesn't.
而且我认为此.append语句会起作用,但不起作用。
Jquery: jQuery的:
function checkRequiredField(){
var someId = $('#Id').val();
if (someId == 106587){ //value to trigger
$('#someNumberField').prop('required',true);
THIS LINE --> $('#someNumberField-label').append('<span class="required-indicator">*</span>');
}else{
$('#someNumberField').removeAttr('required');
$('#someNumberField-label').remove('<span class="required-indicator">*</span>');
}
HTML: HTML:
<div class="form-group">
<label id="SomeId-label" class="col-sm-2 control-label" for="SomeId">SomeId<span class="required-indicator">*</span></label>
<div class="col-sm-5">
<g:select name="SomeId" noSelection="['null':'']" from=".." value="${106587}" class="form-control" optionKey="id" required="" aria-labelledby="SomeId-label" onchange="checkRequiredField()"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2">
<label id="someNumberField-label" class="toplabel" for="someNumberField">Number #</label>
<g:textField name="someNumberField" id="someNumberField" value="${aphis104Instance.someNumberField}" class="form-control" aria-labelledby="someNumberField-label"/>
</div>
</div>
}
Try it like this, it should be working. 像这样尝试,它应该可以工作。
function checkRequiredField() {
var someId = $('#Id').val();
if (someId == 106587) {
$('#someNumberField').prop('required',true);
// make sure its getting here... alert("test")
$('#someNumberField-label').append(
$("<span>", {"class": "required-indicator"}).text("*")
);
} else {
$('#someNumberField').removeAttr('required');
$('#someNumberField-label span').remove();
}
}
Here a working fiddle : http://jsfiddle.net/kLaaq0dc/2/ 这里是一个工作的小提琴: http : //jsfiddle.net/kLaaq0dc/2/
function checkRequiredField(){
var someId = $('#Id').val();
if (someId == 106587){
$('#someNumberField').prop('required',true);
$('#someNumberField-label').append('<span class="required-indicator">*</span>');
}else{
$('#someNumberField').removeAttr('required');
$('#someNumberField-label span').remove();
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.