javascript 验证 - 仍检测到 rbColorId 对象

Question

function submitcheck()
{

var f = document.form1;

if (f.rbTemplate!= null)    
{
    ...
        alert('Please choose template');
        return false;
    ...
}

if (f.rbColorId!= null)
{
    ...
        alert('Please choose template color');
        return false;
    ...
}
}



function ShowColor()
{
    var f= document.form1;
    iTemplate= getSelectedRadioValue(f.rbTemplate);

    var params= "iTemplate="+iTemplate;
    var url= "ajaxColor.php";
    doShowOutput(params, url, retrieveColorsAvailableForThisTemplate);
}


function retrieveColorsAvailableForThisTemplate()
{
    if(httpObject.readyState == 4)
    {
        document.getElementById('showtime').style.display="";
        document.getElementById('showtime').innerHTML= httpObject.responseText;
    }
}



    <input type='radio' name='rbTemplate' id=1 value=1 onclick='ShowColor();'>
<img src="template1.jpg" />

<br />

    <input type='radio' name='rbTemplate' id=2 value=2 onclick='ShowColor();'>
<img src="template2.jpg" />    



    <div id=showtime></div>    

当单击 rbTemplate id=1 时，ajax 查询将将此模板的可用颜色返回到 id=showtime

例如：

<table>
<tr>
<td bgColor="#FF0000"><input type=radio name=rbColorId id=1 value=1></td>
<td bgColor="#FF0007"><input type=radio name=rbColorId id=2 value=2></td>
<td bgColor="#FF0003"><input type=radio name=rbColorId id=3 value=3></td>
</tr>

</table>

当单击 rbTemplate id=2 时，ajax 将输出作为简单消息返回到 id=showtime 中，因为该模板实际上不'没有任何颜色选择）

例如：“

此模板没有任何颜色

”

现在的问题是：

第 1 步：在我单击 rbTemplate id=1 后且没有选择颜色，然后点击提交（javascript会提示我选择颜色），

步骤2：然后我再次重复点击rbTemplate id=2，再次点击提交，此时，它不应该提示选择颜色，因为这个第二个模板没有颜色。但 javascript 提示仍然出现。 JS 验证仍然能够检测到 f.rbColorId （可能来自缓存或...）...帮助...

帮助

Answer 1

由于您只是输出 Ajax 调用的结果，我想说您需要更改 ajaxColor.php 中的逻辑，

但是如果您确实不需要颜色，为什么不完全删除该事件呢？

<input type='radio' name='rbTemplate' id=2 value=2 />