const form = document.getElementById('form'); const corporate = document.getElementById('title'); const username = document.getElementById('name'); const contact_type = document.getElementById('contact_type'); const phone = document.getElementById('contact'); const message = document.getElementById('content'); const yzm = document.getElementById('captcha'); form.addEventListener('submit', e => { e.preventDefault(); if (checkInputs()){ form.submit(); } }); function checkInputs() { const corporateValue = corporate.value.trim(); const usernameValue = username.value.trim(); const contact_typeValue = contact_type.value.trim(); const phoneValue = phone.value.trim(); const messageValue = message.value.trim(); const yzmValue = yzm.value.trim(); if(corporateValue === '') { setErrorFor(corporate, '公司名称/标题不能为空'); return false; } else { setSuccessFor(corporate); } if(usernameValue === '') { setErrorFor(username, '联系人不能为空'); return false; } else { setSuccessFor(username); } if(contact_typeValue === '') { setErrorFor(contact_type, '请选择回复方式'); return false; } else { setSuccessFor(contact_type); } if(phoneValue === '') { setErrorFor(phone, '联系方式不能为空'); return false; } else { setSuccessFor(phone); } if(messageValue === '') { setErrorFor(message, '留言内容不能为空'); return false; } else { setSuccessFor(message); } if(yzmValue === '') { setErrorFor(yzm, '验证码不能为空'); return false; } else { setSuccessFor(yzm); } return true; } function setErrorFor(input, message) { const formControl = input.parentElement; const small = formControl.querySelector('small'); formControl.className = 'form-control error'; small.innerText = message; } function setSuccessFor(input) { const formControl = input.parentElement; formControl.className = 'form-control success'; } function isEmail(email) { return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email); } /** +---------------------------------------------------------- * 刷新验证码 +---------------------------------------------------------- */ function refreshimage() { var cap = document.getElementById("vcode"); cap.src = cap.src + '?'; }