Question

我想在提交时更改文本并禁用表单按钮。下面的代码不起作用..

// DISABLE SUBMIT BUTTON ON CLICK
$('#contactform').submit(function() {
  $(this).find("button[type='submit']").text("<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>");
  $(this).find("button[type='submit']").prop('disabled',true);
});

修改

HTML是：

<button type="submit" id ="myButtonLead" name="myButtonLead" class="btn form-cta">
  RICHIEDI INFORMAZIONI</br>
  <p class="sub">&Egrave; GRATIS!</p>
</button>

预期的行为是更改按钮的HTML内容（用字体awesome图标替换当前文本）。任何提示？：）

Answer 1

.text("<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>");

应该是

.html("<i class='fa fa-cog fa-spin fa-3x fa-fw'></i>");

请查看以下代码段以获取更多理解。

＆＃13;

// DISABLE SUBMIT BUTTON ON CLICK
$('#contactform').submit(function() {
  $(this).find("button[type='submit']").html("<i class='fa fa-cog fa-spin fa-3x fa-fw'></i>");
  $(this).find("button[type='submit']").prop('disabled',true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="contactform">
  <button type="submit" id ="myButtonLead" name="myButtonLead" class="btn form-cta">
    RICHIEDI INFORMAZIONI</br>
  <p class="sub">&Egrave; GRATIS!</p>
  </button>
</form>

＆＃13;

Answer 2

你可以这样做：

car

我的建议与引用一致。我建议您始终使用单引号并在需要时使用double inside或转义// DISABLE SUBMIT BUTTON ON CLICK $('#contactform').submit(function() { $(this).find('button[type="submit"]').html('<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>'); $(this).find('button[type="submit"]').prop('disabled',true); });。

JQUERY禁用并在提交

2 个答案: