PHP:选中单选按钮后验证选择框

时间:2017-03-21 21:10:46

标签: php html

我正在制作一个脚本,需要顾客选择衣服选项

S | L | M | XL |自定义(这些都是单选按钮)

如果客户选择自定义,则必须使用下拉选择菜单填充详细信息。

我希望php脚本仅在选择自定义时验证下拉列表,如果选择了标准大小,则不应验证下拉列表。

这是php脚本

function customSizes_validation() { 
    if ( empty( $_REQUEST['standard_size'] ) ) {
        wc_add_notice( __( 'Please Select Size', 'woocommerce' ), 'error' );
        return false;

    }
    return true;
}

HTML

    <div class="sizes">

    <h4>Please Select a Size</h4>
        <input class="checkcase" type="radio" id="xs" name="standard_size" value="xs">
           <label for="xs">XS</label>

        <input class="checkcase" type="radio" id="s" name="standard_size" value="s">
           <label for="s">S</label>

        <input class="checkcase" type="radio" id="m" name="standard_size" value="m">
           <label for="m">M</label>

        <input class="checkcase" type="radio" id="l" name="standard_size" value="l">
           <label for="l">L</label>

        <input class="checkcase" type="radio" id="xl" name="standard_size" value="xl">
           <label for="xl">XL</label>

        <input class="checkcase" type="radio" id="xxl" name="standard_size" value="xxl">
           <label for="xxl">XXL</label>

        <input class="checkcase" type="radio" id="xxxl" name="standard_size" value="xxxl">
           <label for="xxxl">XXXL</label>

        <br><br>

        <input class="checkcase" type="radio" id="custom" name="standard_size" value="custom">
           <label for="custom">Custom</label>
</div>


<div class="clear"></div>


<div class="custom-sizes">
<div class="custom-size-options">

<div class="form-group">
<div class="col-md-3 selections">
<label>Waist<span class="show_required"> *</span></label>
    <select class="pant_waist validate" name="pant_waist">
        <option value="select">Select</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>

    </select>
</div>

<div class="col-md-3 selections">
    <label>Hip<span class="show_required"> *</span></label>
    <select class="pant_hip validate" name="pant_hip">
        <option value="select">Select</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
    </select>
</div>
</div>
</div>
</div>

1 个答案:

答案 0 :(得分:1)

在这里,您可以使用PHP检查任何表单输入和复选框的值:

function customSizes_validation() { 
if ( empty( $_REQUEST['standard_size'] ) ) {
    wc_add_notice( __( 'Please Select Size', 'woocommerce' ), 'error' );
    return false;

}

if ( $_REQUEST['standard_size'] === 'custom' )
{
   // DO VALIDATION FOR CUSTOM
}

return true;
}

此外,不要忘记在表单的开头和结尾添加<form></form>,因为您似乎省略了示例代码中的那些,只是说'

您也可以在javascript中进行此检查:

虽然存在很多实现方法,但这是一种方法。

var std_size = document.querySelector("[name='standard_size']:checked").value;

if ( std_size === 'custom' )
{
    // DO SOMETHING...
}