JQUERY投稿時にボタンを無効にしてボタンに挿入してください

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); 
}); 

EDIT

は、HTMLは次のとおりです。

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

期待される動作は、（フォントと現在のテキストを置き換えるボタンのHTMLコンテンツを変更することですすごいアイコン）。 何かヒント？ :)

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>"); 

である必要があり、より理解するために、スニペットの下に確認してください。

// 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); 
 
});

<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>

Answer 2

あなたは、このようにそれを行うことができます。

// 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); 
}); 

私のアドバイスは、引用符の使用と一致しています。一重引用符で常に始めることをお勧めします。必要に応じて二重引用符を使用するか、\"をエスケープしてください。