5

我在一个网站上工作，我遇到了一个问题。为了预先设置或重新输入选定的值，Codeigniter 允许您使用 set_radio 来解决您的问题，请参见此处：

<td>Do You Have a PayPal Account <span class="error">*</span> : </td>
<td colspan="2" align="left" valign="top"><label>   
  <!-- used for validation -->
    <input type="hidden" id="temp_mid" value="" />
    <input name="mail_account" type="radio" id="p_same" value="same" onclick="dohide_show(this.value);" <?php echo set_radio('mail_account', 'same'); ?>/> Yes(same as email address as above.)<br/>
    <input name="mail_account" type="radio" id="p_diff" value="diff" onclick="dohide_show(this.value);" <?php echo set_radio('mail_account', 'diff'); ?>/> Yes(different than above.)<br/>
    <input name="mail_account" type="radio" id="p_checkInMail" value="checkInMail" onclick="dohide_show(this.value);" <?php echo set_radio('mail_account', 'checkInMail'); ?>/> No(I would prefer to receive a check in the mail.)                  
     <?php echo form_error('mail_account'); ?>           

 </td>

这在验证后工作得非常好，因为如果表单的另一部分有错误，则选择了前一个单选按钮。但是，当用户更正错误后尝试重新提交页面时，单选选择上的验证失败，要求我再次单击单选按钮，即使单选按钮在我之前选择的选项上被直观地选中。所以我必须再次选择单选按钮，然后才能重新提交表单。在这里可以看到调用的警报：

function validate_playpal()
        {   
            var temp=$('#temp_mid').val();
            if(temp=="")
            {
                alert('Please select the PayPal account option.');                  
                $('#p_same').focus();
                return false;
            }
            if(document.getElementById('p_diff').checked== true && document.getElementById('paypal_emailid').value=='')
            {
                alert('Please provide your PayPal email address.');
                document.getElementById('paypal_emailid').focus();
                return false;
            }

            if(document.getElementById('paypal_emailid').value!='')
            {
                if(!email_format(document.getElementById('paypal_emailid').value)){
                    alert('Please enter valid email address.');
                    document.getElementById('paypal_emailid').value="";
                    document.getElementById('paypal_emailid').focus();
                    return false;               
                }
            }
            return true;
        }

有谁知道为什么这不起作用，即使它正确地重新填充了表单？谢谢。

编辑：

对于询问 Mid_temp 做什么的每个人，在我看来，如果不需要选择按钮，它只会隐藏按钮。在我拥有的代码中，这些是唯一提到的地方：

    $('#bx').hide();
if(document.getElementById('p_diff').checked==true){    
    $('#bx').show();
}

function dohide_show(val){
    if(val=='diff')
    {       
        $('#bx').show();
        $('#paypal_emailid').val('');
        document.getElementById('p_diff').checked=true;
        $('#temp_mid').val('clicked');
    }
    else if(val=='same')
    {       
        $('#bx').hide();
        $('#paypal_emailid').val($('#email_id').val());
        $('#temp_mid').val('clicked');  
    }
    else
    {
        $('#bx').hide();
        $('#paypal_emailid').val($('#email_id').val());
        $('#temp_mid').val('clicked');
    }

}

在这里，在一个完全独立的文件中：

function hide_box()
            {
                $('#bx').hide();
                $('#paypal_emailid').val('');
                $('#temp_mid').val('clicked');
            }
            function show_box()
            {
                $('#bx').show();
                $('#paypal_emailid').focus();
                $('#temp_mid').val('clicked');
            }

此外，Paypal 电子邮件 ID 只是检查用户输入的贝宝电子邮件地址（如果他们有贝宝帐户）。感谢大家的帮助。

4

3 回答 3

1

我看到您没有重新填充该id="temp_mid"字段，而是在此处检查if(temp=="") 。也许您也需要重新填充它？

于 2012-10-21T16:41:28.633 回答
0

您收到什么错误消息，“请选择 PayPal 帐户选项。”？

这将永远失败 

<input type="hidden" id="temp_mid" value="" />

......
var temp=$('#temp_mid').val();
if(temp=="")
{
    alert('Please select the PayPal account option.');                  
    $('#p_same').focus();
    return false;
}
于 2012-10-21T21:15:42.420 回答
0

正如@Mikhail 建议的那样，您不会重新填充temp_mid隐藏字段的值。为了避免重新填充它，您可以只处理该字段并检测是否已使用jQuery通过以下方式选择了单选按钮的选项：

function validate_playpal()
{   
    if($('[name="mail_account"]:checked').size() > 0)
    {
        alert('Please select the PayPal account option.');                  
        $('#p_same').focus();
        return false;
    }
    ...
    return true;
}

注意if第三行中的语句$('[name="mail_account"]:checked').size() > 0。

希望能帮助到你-

于 2012-10-26T20:51:33.087 回答