jQuery验证.after()

Question

我希望能够在$("form").validate期间将一个星号添加到文本框的末尾。我可以使用$(Element).after(“”)来实现这一点；但是，如果输入的文本或条目是正确的，我如何才能优雅地删除它。jQuery剂量有一个$(element).remove("")；对此的任何帮助都是很棒的。

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

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

小提琴

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