Question

我希望能够在$（＆＃34; form＆＃34;）期间在文本框的末尾添加一个asterick。我可以使用$（element）.after（＆＃34; ＆＃34;）;但如果键入的文本或条目是正确的，我怎样才能优雅地删除它。 jQuery dosent有一个$（元素）.remove（＆＃34; ＆＃34;）;对此有任何帮助都很棒。

Answer 1

您可以尝试将其放入您删除的元素中：

$(element).after('<span id="remove_me">*</span>');

并使用它将其删除

$('#remove_me').remove();

您还可以使用css display:none;隐藏已隐藏的元素，然后使用.show()在验证表单需要时显示它，并.hide()将其删除。

Answer 2

<强> HTML

<input type="text" /><span id="error">*</span>

<强> CSS

#error { display:none; }

<强> JS

if( valid ) ? $('#error').hide() : $('#error').show();

与评论说的一样，您可以通过任何js事件检查此验证;最受欢迎的可能是keyup或表单submit

Answer 3

举个例子，您必须在需要时在验证中插入添加和删除：

jsfiddle

$('.required').on('click', function() {
    $(this).next().remove();
}).after('<span>*</span>');

Answer 4

检查此解决方案

$('#btn1').on('click', function() {
    $('.error').remove();
    $('#txt1').after('<span class="error">*</span> ');
    hideError();
});

$('#txt1').on('change', function() {
    hideError();
});

function hideError() {
    if ($('#txt1').val() == 'hello') {
        $('.error').hide();
    }

}

检查此FIDDLE是否有工作示例..

jQuery验证.after（）

4 个答案: