如果单击该按钮,则删除js中的错误消息

时间:2016-10-13 09:09:18

标签: javascript codeigniter

如果单击单选按钮,如何删除错误消息,我有两个性别男性和女性的分组按钮,如果用户没有选择性别意味着我将显示错误,如果选择任何一个按钮是男性或女性意味着它将删除错误消息,我的代码在

下面
<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 = "";
}

如果用户没有选择性别意味着它会显示错误消息选择性别,但我的问题是如果用户选择男性按钮然后只删除错误消息,它不适用于女性按钮,任何人请帮助

1 个答案:

答案 0 :(得分:0)

更改以下代码:

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

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

并将按钮的班级名称更改为gender-button或您喜欢的内容。

然后我不知道哪个元素有id gender_error,但似乎你正在将错误信息写入该节点,以便你可以替换

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

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