如何使用jquery在表单提交中添加对字段值的编辑

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>
  
  <label for="age">年龄：</label>
  <input type="number" id="age" name="age"><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  
  <input type="submit" value="提交">
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认的提交行为
    
    // 获取字段值
    var name = $('#name').val();
    var age = $('#age').val();
    var email = $('#email').val();
    
    // 对字段值进行编辑
    name = name.trim(); // 去除姓名两端的空白字符
    age = parseInt(age); // 将年龄转换为整数类型
    email = email.toLowerCase(); // 将邮箱地址转换为小写字母
    
    // 更新字段值
    $('#name').val(name);
    $('#age').val(age);
    $('#email').val(email);
    
    // 提交表单
    $(this).unbind('submit').submit();
  });
});