javascript 表单输入标签Animate

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 表单输入标签Animate相关的知识,希望对你有一定的参考价值。

//////
// Form labels move up when typing into inputs
//////

// Elements to be tested against
var formElement = $('.wpcf7-form-control-wrap').children();

// Determine if an input is clean or dirty
function determineCleanliness(formInput) {
  var value;
  // Run through each form input to determine if it has been filled in
  $.each(formInput, function(i, el) {

    value = $(el).val()

    // Toggle class depending on value
    if (value !== '' || $(el).is(':focus')) {
      $(el).parent().siblings('label').addClass('move-up');
    } else {
      $(el).parent().siblings('label').removeClass('move-up');
    }

  });
}

// Get field cleanliness on page load
determineCleanliness(formElement);

// Bind to specific events to determine field cleanliness
$(formElement).on('keydown focus blur', function() {
  determineCleanliness($(this));
});

以上是关于javascript 表单输入标签Animate的主要内容,如果未能解决你的问题,请参考以下文章

使用 dom Javascript 添加新创建的标签和输入文本以形成表单?

表单标签中的按钮不会提交或响应 Javascript/Jquery

表单标签中的按钮不会提交或响应Javascript / Jquery

如何在 JavaScript 中更改复选框的标签?

提交表单时,不会保存对 Rails 输入标记的 javascript 更改

iMacros - 使用 javascript 填写表格?