使用jQuery动态修改提交表单上的输出警报内容

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <button type="submit">提交</button>
</form>

<div id="alertMessage"></div>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    // 在这里编写处理表单提交的代码
  });
});

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    // 获取表单数据
    var name = $('input[name="name"]').val();
    var email = $('input[name="email"]').val();
    
    // 进行表单验证
    if (name === '' || email === '') {
      $('#alertMessage').text('请填写完整的姓名和邮箱').addClass('error');
    } else {
      $('#alertMessage').text('表单提交成功').removeClass('error');
      // 在这里可以进行表单提交操作，或者其他需要的处理
    }
  });
});

.error {
  color: red;
  font-weight: bold;
}