我正在制作一个脚本,需要顾客选择衣服选项
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>
答案 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...
}