gpt4 book ai didi

javascript - HTML/Javascript 代码不会验证表单

转载 作者:行者123 更新时间:2023-11-28 06:48:27 24 4
gpt4 key购买 nike

我正在尝试验证表单中的文本框,但是当单击提交按钮并且所有框都为空时,所有代码都会继续前进,就像所有内容都正确填写一样,即使它没有正确填写。这是我用来验证文本框的代码

function validateAndEmail(){        
if(document.channelForm.chanName.value == “”) {
alert(“Please provide your channel name.”);
Return false;
}
else if(document.channelForm.chanURL.value == “”) {
alert(“Please provide your channel URL.”);
Return false;
}
else if(document.channelForm.famName.value == “”) {
alert(“Please provide your Family name.”);
Return false;
}
else if(document.channelForm.firName.value == “”) {
alert(“Please provide your First name.”);
Return false;
}
else if(document.channelForm.email.value == “”) {
alert(“Please provide your valid Email.”);
Return false;
}
else if(document.channelForm.address.value == “”) {
alert(“Please provide your Address.”);
Return false;
}
else {
alert("Everything is ok. Dont panic!")
Return true;
}
}

我已经使用显示“工作”的警报测试了此按钮,因此它肯定链接到代码,但是当我尝试使用 if 语句时,即使满足条件,它也不会运行该语句。如果您有经验的同事能给我任何帮助,我将不胜感激。

最佳答案

  1. 将“”替换为“。
  2. Return 替换为 return 不带大写
  3. 更改您的文本编辑器。

有效函数:

function validateAndEmail() {
var form = document.channelForm;
console.log(form);
if (form.chanName.value == "") {
document.write("Please provide your channel name.");
return false;
} else if (form.chanURL.value == "") {
document.write("Please provide your channel URL.");
return false;
} else if (form.famName.value == "") {
document.write("Please provide your Family name.");
return false;
} else if (form.firName.value == "") {
document.write("Please provide your First name.");
return false;
} else if (form.email.value == "") {
document.write("Please provide your valid Email.");
return false;
} else if (form.address.value == "") {
document.write("Please provide your Address.");
return false;
} else {
document.write("Everything is ok. Dont panic!")
return true;
}
}
<form name="channelForm" onsubmit="validateAndEmail()">
<input name="chanName"><br>
<input name="chanURL"><br>
<input name="famName"><br>
<input name="firName"><br>
<input name="email"><br>
<input name="address"><br>


<input type="submit" value="Ok" />


</form>

关于javascript - HTML/Javascript 代码不会验证表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33197930/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com