Jquery는 제출시 텍스트 상자에서 기본 텍스트를 제거합니다.

Question

 $('input[class*="defaulttext"]').each(function() { 

        this.value = $(this).attr('title'); 
        $(this).addClass('defaultclass'); 

        $(this).focus(function() { 
         if (this.value == $(this).attr('title')) { 
          this.value = ''; 
          $(this).removeClass('defaultclass'); 
         } 
        }); 

        $(this).blur(function() { 
        if (this.value == '') { 
         this.value = $(this).attr('title'); 
         $(this).addClass('defaultclass'); 
        } 
       }); 


       }); 

기본적으로 텍스트 상자의 배경 텍스트 효과가 추가됩니다 (제목 사용). 일단 선택되면 텍스트가 사라집니다.

이제 선택적 필드에 문제가 있습니다. 사용자가이 필드를 편집하지 않으면 기본 배경 텍스트가 양식과 함께 제출됩니다. 폼이 제출되면 편집되지 않은 필드의 값을 재설정해야합니다. 어떤 아이디어가 이것을 어떻게?

양식 제출시 제목 = 값이 맞는지 확인하십시오. 그렇다면 ''로 설정하십시오.

Answer 1

를 사용하여 편집 필드를 표시 할 수 있습니다, 당신은 할 수 :

$("#yourForm").submit(function() { 
    $('input[class*="defaulttext"]').val(""); 
}; 

당신은 "배경 텍스트"를 추가하지 않을

Answer 2

HTML5 Placeholder jQuery Plugin을 사용했으며이 경우에는 잘 작동합니다.

Answer 3

값을 확인하고 title = value인지 확인할 수 있습니다. 또는 양자 택일로, 당신은 당신이 가지고있는 코드를 기반으로 jQuery.data()

Answer 4

$("#yourForm").submit(function() { 
    $('input.defaulttext').each(function() { 
     if($(this).val() === $(this).attr('title')) { $(this).val(''); } 
    }); 
};