如果onclick按钮,在js中删除错误信息

Remove error message in js if onclick the button

本文关键字:删除 错误 信息 js onclick 按钮 如果      更新时间:2023-09-26

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


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

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

更改以下代码:

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 = "";