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

Change inner text and class when submitting in a form?

本文关键字：内部 文本 表单 提交      更新时间：2023-09-26
当

表单被子分时，有什么方法可以更改标签的内部文本吗？

例如，我有以下 HTML 代码：

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

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

你想改变什么元素？您可以通过多种方式识别它。最常见的方法是按 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');

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

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

更改 html： 

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

Javascript：

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

试试这个

法典

$(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;
}
相关文章：