مسئله

فرض کنید که ما یک عنصر input از یک فرم(Form) داریم و می خواهیم فاصله های سفیدی که ممکن است کاربر در ابتدا یا در انتهای یک رشته قرار دهد را حذف کنیم:

<input type="text" name="first_name" class="cleanup" />
<input type="text" name="last_name" class="cleanup" />
(function($) {
   $(document).ready(function() {
      $('input.cleanup').blur(function() {
         var value = $.trim( $(this).val() );
         $(this).val( value );
      });
   });
})(jQuery);

 توضیحات

به محض اینکه کاربر بر روی یک فیلد کلیک کند، مقداری که توسط کاربر وارد شده است - با دستور $(this).val() به دست می آید، و به داخل متد $.trim() می رود. این متد، فاصله های سفید را از ابتدا  و انتهای رشته ی مذکور حذف می کند( space و tab و newline).سپس  رشته ای که فاصله های آن حذف شده است، دوباره  بعنوان یک مقدار برای فیلد input قرار می گیرد.

• قبلی