js获取输入的表单数据格式化

<form id="myForm">
  <input type="text" name="username" value="JohnDoe">
  <input type="email" name="email" value="john@example.com">
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止默认提交行为

  const formData = new FormData(this);
  const data = {};
  for (const [key, value] of formData.entries()) {
    data[key] = value;
  }

  console.log(data); // { username: 'JohnDoe', email: 'john@example.com' }
});
</script>

<form id="myForm">
  <input type="text" id="username" value="JohnDoe">
  <input type="email" id="email" value="john@example.com">
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();

  const username = document.getElementById('username').value;
  const email = document.getElementById('email').value;

  const data = { username, email };
  console.log(data); // { username: 'JohnDoe', email: 'john@example.com' }
});
</script>

<input type="date" id="userDate">

<script>
document.getElementById('userDate').addEventListener('change', function() {
  const date = new Date(this.value);
  const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
  console.log(formattedDate); // 输出格式化的日期，例如：2023-10-05
});
</script>

function validateAndFormatData(data) {
  if (!data.username || !data.email) {
    throw new Error('Username and email are required');
  }
  // 进一步的数据格式化逻辑...
}