HTML/Javascript代碼不會驗證表單

我想驗證表單中的文本框，但是當提交按鈕被單擊並且所有框都爲空時，所有代碼都會像所有代碼一樣正確地填充，即使在它不是。這是我使用驗證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語句條件得到滿足將不會運行該聲明。任何幫助你更有經驗的研究人員都可以給我不勝感激。

來源

2015-10-18 jay middleton

正如你返回false，如果該字段爲空，你實際上並不需要嵌套IF語句。如果你將它們分開，它會看起來更乾淨，更容易閱讀 – DBS

什麼是「聰明報價」？「」「？不是一個真正的答案，只是一個猜測，但將它們換成普通的引號，看看會發生什麼。另外，小寫'返回'。 – csmckelvey

@DBS你把它們分開是什麼意思？使用單獨的功能？並takendarkk是我剛纔改變了報價沒有注意到他們之前（沒有解決問題，但感謝抓住）。我和我的兄弟彼此惡作劇，他知道我開始嘗試編碼，所以我猜他雖然我爲了什麼東西不工作而絞盡腦汁，爲什麼事情沒有奏效，因爲語言標記會很有趣。我必須讓他回來哈哈 –

替換「」由」
通過return更換Return沒有大寫
~~更改文本編輯器~~

有效功能：。

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>

來源

2015-10-18 12:52:43

你測試了嗎？我把這兩個建議都放在評論中，而不是回答，因爲我沒有測試過。 – csmckelvey

它似乎沒有工作。你想看到我所有的代碼嗎？ –

@takendarkk這項工作我添加的例子。 –

HTML/Javascript代碼不會驗證表單

回答

相關問題