jQuery 유효성 검사 .after()

$ ("form") 동안 텍스트 상자의 끝에 asterick을 추가 할 수 있기를 원합니다. 나는 $ (element) .after ("");로 이것을 할 수있다. 하지만 텍스트 나 입력 항목의 키가 맞으면 어떻게 제거 할 수 있습니까? jQuery dosent에는 $ (element) .remove ("")가 있습니다. 이것에 대한 도움은 정말 대단합니다.jQuery 유효성 검사 .after()

출처

2012-09-10 thechrisberry

필드가 유효한 경우 해당 요소를 제거하십시오. –

스팬 내에 *를 추가하고 클래스 이름 또는 ID를 지정하십시오. 그런 다음 텍스트 상자의 Keyup 이벤트에서 값이 올바른지 확인한 후 스팬을 숨기거나 제거 할 수 있습니다 .. –

당신은 당신이 다음 제거 요소에 넣어 시도 할 수 있습니다 :

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

을이 제거 사용이

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

당신이 할 수있는 또한 이미 존재하는 요소가 CSS display:none;으로 숨겨져 있고 유효성 검사 양식에 필요하면 .show()을 사용하고이를 확인하려면 .hide()을 사용하십시오.

출처

2012-09-10 15:30:25 Lucas

이것이 나에게 가장 좋은 옵션 인 것처럼 보였습니다. 릴과는 다른 유일한 방법은 스팬을 제공하는 것입니다. 더 친숙한 id :'$ (element) .after (" *"); '$ ("sp_"+ $ (element) .attr ("id")). remove();'감사합니다. – thechrisberry

HTML

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

CSS

#error { display:none; }

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

코멘트 말했듯이,이 V를 확인하실 수 있습니다 모든 js 이벤트를 통한 알림; 가장 인기 아마 keyup 인 또는 양식에 submit

출처

2012-09-10 15:30:08 Phil

그냥 예를 들어, 당신은 추가하고 필요한 경우 유효성 검사에서 제거 삽입해야 할 것 :

jsfiddle

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

출처

2012-09-10 15:33:52 Simon

확인이 솔루션

$('#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 작동 예제의 경우

출처

2012-09-10 15:34:44

jQuery 유효성 검사 .after()

답변

관련 문제