仅在表单不为空时如何重定向JavaScript验证
问题描述：
现在，即使输入字段为空，如果按下提交按钮，它也会显示警报消息":然后重定向到window.location ="URL"
Right now even if input fields are empty , if submit button is pressed it shows alert"message": and then redirects to window.location="URL"
我要查找的是它仅显示已完成的警报，如果输入字段已填写，则会重定向
What I m looking for is it only shows done alert and redirects if input fields are filled
<form>
<input type="text" placeholder="enter name here">
<input type="number" placeholder="enter number here">
<input type="submit" id="submitbutton" value="submit">
</form>
</center>
</body>
<script type="text/javascript">
const submitit = document.getElementById('submitbutton');
submitit.addEventListener("click",function(){
alert("Done, Meanwhile check our website");
window.location="https://www.google.com";
});
</script>
答
尝试一下
<form>
<input id="name" type="text" placeholder="enter name here">
<input id="number" type="number" placeholder="enter number here">
<input type="submit" id="submitbutton" value="submit">
</form>
和JavaScript:
and JavaScript:
const submitit = document.getElementById('submitbutton');
submitit.addEventListener("click", function(e) {
// prevent form from being submitted
e.preventDefault();
alert("Done, Meanwhile check our website");
const name = document.getElementById('name');
const number = document.getElementById('number');
if (name.value !== '' && number.value !== '') {
window.location = "https://www.google.com";
}
});