Question

如果输入字段具有必需属性吗？

，是否可以在label元素中添加<span class="required">*</span>

HTML：

<div class="form-group">
    <label class="col-sm-4 control-label" for="customer_phone">Email:</label><p></p>
    <div class="col-sm-8">
        <input type="text" id="b_customer_email" class="form-control" size="40" value="<?php echo get_user_meta (get_current_user_id(),'b_customer_email',true);?>" name="b_customer_email" required>
    </div>
</div>`

我试过这个jquery：

$(document).ready(function(){
    $("input").has("[required]")function() {
        $(".control-label").after("<span class='required'>*</span>");
    };
});

标签元素后面不添加span元素。

我应该在脚本中添加什么才能使其正常工作？

Answer 1

Demo。你实际上是正确的方式。但请记住，:has选择器不是原生的，因此效率不高。

$(function() {
    $('.form-group:has(input[required]) > label.control-label')
        .after('<span class="required">*</span>')    
})

如果输入有必需属性，如何在label中添加span.required元素？

1 个答案: