javascript - フォームで送信するときに内部テキストとクラスを変更しますか?

Question

フォームの送信時にタグの内部テキストを変更する方法はありますか?

たとえば、次の HTML コードがあります。

<form>
<button>Submit</button>
</form>

ボタンをクリックするか、Enter キーを押すと、送信テキストが処理中などに変わります。ボタン要素などにクラスが追加されます。

Answer 1

次のようなフォームの送信イベントにハンドラーを追加できます

$('form').submit(function(){
    $(this).find('button').text('Processing');
    //form submission logic goes here if any
})

Answer 2

HTML を変更:

<form>
<button id="submitButton" onclick="changeText()">Submit</button>
</form>

Javascript:

<script>
function changeText()
{
    document.getElementById("submitButton").innerHTML="Processing...";
}
</script>

Answer 3

これを試して

コード

$(document).ready(function () {
    $('#submit').click(function (e) {
        $(this).val("Processing....");
        $(this).addClass('processing');
         $('#frm1').submit();
      });
});

html

<form id="frm1">
    <input type="button" value="submit" id="submit"/>
</form>

CSS

.processing
{
    background:blue;
    color:white;
}