jquery - after() で 1 つの要素を作成します。

Question

私はjqueryを使用しています。要素の作成を制限する他の方法はありますか?

ここに私のコードがあります..

if($(this).val() == "") {
   $(this).addClass('error').after('<span class="jquery_form_error_message">' + 'This field is required' + "</span>");
   validated = false;
   return false;

これは実際には検証です..すべてのフィールドデータをフィールドアウトしない限り、スキップできません。私の問題は。送信をクリックしたとき。ボタン.. divの上部に複数のスパンクラスを作成します..これはかなり混乱しています。

Answer 1

要素が存在するかどうかを確認できます。

if ($(this).next('.jquery_form_error_message').length > 0) {
  // Exists
} else {
  // Doesn't exist
}

Answer 2

 function test() {
            if ($(this).val() == "") {
                $(this).addClass('error').after($(this).next('span.jquery_form_error_message').length === 1 ? ('<span class="jquery_form_error_message">' + 'This field is required' + "</span>") : '');
                validated = false;
                return false;
            }
            else {
                $(this).removeClass('error').next('span.jquery_form_error_message').hide();
                validated = true;
                return true;
            }
        }