如何使用 JavaScript 实现一个简单的数据验证功能? - 项越资源网-html css js 用法分享社区-开发交流-项越资源网

如何使用 JavaScript 实现一个简单的数据验证功能?

下面是一段 JavaScript 代码,实现一个简单的数据验证功能:

// Add event listener to the form 
document.querySelector('form').addEventListener('submit', function(event) {

  // Get the data from the form 
  let name = document.querySelector('#name').value;
  let email = document.querySelector('#email').value;
  
  // Validation rules
  let validName = /^[a-zA-Z ]+$/.test(name);
  let validEmail = /^\S+@\S+\.\S+$/.test(email);

  // If both rules are satisfied, submit the form 
  if (validName && validEmail) {
    alert('form submitted successfully!');
  } else {
    event.preventDefault();
    alert('invalid information provided');
  }
});
请登录后发表评论

    没有回复内容