javascript - 在表单中提交时更改内部文本和类？

Question

提交表单时有什么方法可以更改标签的内部文本吗？

例如，我有这个 HTML 代码：

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

当我单击按钮或按 Enter 键时，提交文本将更改为正在处理或类似的内容。一个类将被添加到按钮元素..等。

Answer 1

你想改变什么元素？您可以通过多种方式识别它。最常见的方法是通过 ID 或类

$('form').submit(function(){
   $('#element_id').text('what_you_want_to_write');
   $('#element_id').attr('class', 'new_class_name');
   return false;
});

或者，您可以通过执行更改类名

$('#element_id').addClass('new_class_name');

Answer 2

您可以将处理程序添加到表单的提交事件中，例如

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

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

Answer 4

更改html：

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

Javascript：

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