js表单输入

document.querySelector('form').addEventListener('submit', function(event) {
    const email = document.querySelector('#email').value;
    if (!/^\S+@\S+\.\S+$/.test(email)) {
        alert('请输入有效的电子邮件地址');
        event.preventDefault();
    }
});

document.querySelector('#username').addEventListener('input', function() {
    console.log(this.value);
});

document.querySelector('form').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止默认提交行为
    // 这里可以添加 AJAX 提交逻辑
});

document.querySelectorAll('input[required]').forEach(input => {
    input.addEventListener('blur', function() {
        if (!this.value) {
            this.classList.add('error');
        } else {
            this.classList.remove('error');
        }
    });
});