2015-10-18 82 views
1

我想验证表单中的文本框,但是当提交按钮被单击并且所有框都为空时,所有代码都会像所有代码一样正确地填充,即使在它不是。这是我使用验证HTML/Javascript代码不会验证表单

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语句条件得到满足将不会运行该声明。任何帮助你更有经验的研究人员都可以给我不胜感激。

+0

正如你返回false,如果该字段为空,你实际上并不需要嵌套IF语句。如果你将它们分开,它会看起来更干净,更容易阅读 – DBS

+0

什么是“聪明报价”?“”“?不是一个真正的答案,只是一个猜测,但将它们换成普通的引号,看看会发生什么。另外,小写'返回'。 – csmckelvey

+0

@DBS你把它们分开是什么意思?使用单独的功能?并takendarkk是我刚才改变了报价没有注意到他们之前(没有解决问题,但感谢抓住)。我和我的兄弟彼此恶作剧,他知道我开始尝试编码,所以我猜他虽然我为了什么东西不工作而绞尽脑汁,为什么事情没有奏效,因为语言标记会很有趣。我必须让他回来哈哈 –

回答

0
  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>

+0

你测试了吗?我把这两个建议都放在评论中,而不是回答,因为我没有测试过。 – csmckelvey

+0

它似乎没有工作。你想看到我所有的代码吗? –

+0

@takendarkk这项工作我添加的例子。 –