单选按钮的Javascript验证

时间:2010-04-15 13:40:45

标签: php javascript

我正在订阅时事通讯。我有2个radio按钮 - 订阅和取消订阅以及提交按钮。但是当我点击提交按钮时,会调用ajax函数进行订阅。现在我想要进行验证。我已经编写了一个javascript验证对于单选按钮如下:

function validate_radio()
              {
                    var radio_choice = false;
                    var radio_val = document.newsletterform.subscribe.length;
                    for (counter = 0; counter < radio_val; counter++)
                    {
                        if (document.newsletterform.subscribe[counter].checked)
                        radio_choice = true; 
                    }
                    if (!radio_choice)
                    {
                        document.getElementById("mandatory").innerHTML="Select Subscribe/Unsubscribe";
                        return false;
                    }

               }

但是现在我收到了验证消息但同时我正在订阅。 告诉我一个方法,以便我可以在函数返回false时停止订阅。 我按如下方式调用函数:

2 个答案:

答案 0 :(得分:5)

听起来你的表格应该不会停止。我假设你有像

这样的东西
 <form onsubmit="validate_radio()">...</form>

由于您的validate_radio()函数在失败时返回false,您只需要在验证时修改您的表单失败:

<form onsubmit="return validate_radio()">...</form>

因此,如果验证失败,表格将停止。

答案 1 :(得分:0)

对于它的价值,我认为一个表单包含单选按钮不会启动的单选按钮是不好的。年轻人不记得旧的收音机,或者因为弄乱按钮让他们全部弹出而大喊大叫。单选按钮称为“单选按钮”,因为必须始终选择其中一个。用户可以将按钮初始化为良好的默认设置,这对您来说更友好。