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

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

您可以向表单的submit事件添加处理程序，如

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

Answer 3

更改html：

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

使用Javascript：

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

Answer 4

试试这个

码

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