动态更改键盘上的按钮attr

Question

我正在进行搜索，目前正在使用搜索图标切换输入字段。默认情况下，图标包含在带有类型按钮的按钮元素中，因此不会提交表单。

我想验证是否输入了文本，然后更改按钮的类型，以便在下次单击图标时提交。

到目前为止我的代码

// Mobile Search UI 
$(document).ready(function() {
  $('.mobile-btn-search').click(function(){
    $('.mobile-input').toggle('slow');
  });

  $('.mobile-input').keyup(function(){
    if ($(this).val()) {
      $('.mobile-btn-search').attr('type', 'submit');
    } 
  });
});

Answer 1

<强> Working fiddle

您可能会收到以下错误：

  

未捕获错误：类型属性无法更改

请检查控制台。

您应该使用.prop()代替：

$('.mobile-btn-search').prop('type')

希望这有帮助。