简体   繁体   English

HTML / JavaScript代码将无法验证表单

[英]HTML/Javascript code will not validate a form

I am trying to validate the textboxes in a form but when the submit button is clicked and all boxes are empty all the code does is move on like it is all correctly filled out even when it isn't. 我正在尝试验证表单中的文本框,但是当单击“提交”按钮且所有框为空时,所有代码执行的都将继续进行,就像正确地填写了所有代码一样,即使不是。 This is the code I am using to validate the textboxes 这是我用来验证文本框的代码

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;
    }   
}

I have tested this button using an alert that say "working" so it definitely is linked to the code but when i try to use an if statement even if the condition is met it will not run the statement. 我已经使用警告说“正在工作”来测试此按钮,因此它肯定已链接到代码,但是当我尝试使用if语句时,即使满足条件,它也不会运行该语句。 Any help you more experienced fellows can give me would be greatly appreciated. 您经验丰富的同事可以给我的任何帮助将不胜感激。

  1. Replace “” by ". 将“”替换为“。
  2. Replace Return by return without uppercase . 不带大写字母return替换Return
  3. Change your text editor. 更改您的文本编辑器。

Valid function : 有效功能:

 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> 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM