2016-10-13 40 views
0

我如何刪除錯誤消息,如果onclick單選按鈕,我有兩個分組按鈕性別男性和女性,如果用戶沒有選擇性別意味着我會顯示錯誤,如果選擇任何一個按鈕是男性還是女性意味着它會刪除的錯誤消息,我的代碼是下面刪除js中的錯誤消息,如果點擊按鈕


<input type="radio" value="male" name="gender" id="gender">Male <input type="radio" value="female" name="gender" id="gender">Female <div id="gender_error"></div> 

JS驗證代碼

var form_elements = document.getElementById('my_form').elements; 
var gender = form_elements['gender'].value; 
submit = true; 
if(gender == '') 
    { 
     document.getElementById('gender_error').innerHTML = "Select Gender"; 
     submit = false; 
    } 
    return submit; 
document.getElementById('gender').onclick = removewarning; 
function removewarning() 
{ 
    document.getElementById(this.id +'_error').innerHTML = ""; 
} 

如果用戶沒有選擇性別意味着它會顯示錯誤信息選擇性別,但我的問題是,如果用戶選擇男性按鈕,那麼只有錯誤消息被刪除,其不工作的女性按鈕,任何人請幫助

+2

你可以用」取代

document.getElementById(this.id +'_error').innerHTML = "";

不要使用id兩次。試用不同的ID。 例如: var gender1 = form_elements ['gender-1']。value; var gender2 = form_elements ['gender-2']。value; – 1337

回答

0

更改下面的代碼:

document.getElementById('gender').onclick = removewarning; 

document.getElementsByClassName('gender-button').onclick = removewarning; 

,並更改按鈕的類名gender-button或你喜歡的東西。

然後我不知道哪一個元素有ID gender_error但似乎你寫你的錯誤信息到該節點,以便您可以用

document.getElementById('gender_error').innerHTML = "";