Question

我有一个（不可变的）形式结构：

<div class="form-group">
    <div class="col-sm-3 control-label">
        <label for="frm-registrationForm-form-surname">Surname:</label>
    </div>
    <div class="col-sm-9">
        <input class="form-control text" id="registration-form-surname" type="text" name="surname" required>
    </div>
</div>

是否可以在依赖于输入的所有标签旁边添加星号*符号＆＃34; required＆＃34;使用CSS的属性？我没有找到任何选项来将输入与CSS中的标签链接，即使在相同的表单组中也是如此。

感谢。

Answer 1

您可以使用jQuery来实现此功能。在document.ready函数中，

  var str ='*';
  $(".control-label").append(str);

整个脚本将是

$(document).ready(function () {
  var str ='*';
  $(".control-label").append(str);
});

Answer 2

使用jQuery。

第一个解决方案。如果.form-group只有一个输入和标签元素。

$(document).ready(function () {
  $('input[required]').parents('.form-group').find('label').append('*');
});

第二个解决方案。仅使用您的标签并输入 ID 属性相同

$(document).ready(function () {
  $("input[required]").each(function(index) {
    var id = $(this).attr('id');
    $('label[for="'+id+'"]').append('*');
  });
});

我建议你使用第二种解决方案。

将星号添加到必填字段标签

2 个答案: