时间戳

首页 > 解决方案 > 如何使用选择列表验证输入字段？

jquery - 如何使用选择列表验证输入字段？

问题描述

我需要一些关于 jQuery 验证插件的帮助，输入字段“driveamount”在选择 isdrive 下拉列表后具有一个值。

如果我选择“是”，则必须在输入字段“driveamout”中输入金额。如果我选择“否”，则不需要输入字段“driveamout”。

这是表格的一部分：

     <div class="row">

        <section class="col col-6">
            <label class="input">Amount
                <input type="text" name="driveamount" id="driveamount" value=" ">
            </label>
        </section>

        <section class="col col-6">
            <label class="select">Is Drive 
                <select name="isdrive " id="isdrive " onChange="Choice();">
                    <option value="">Select</option>
                    <option value="yes">Yes</option>
                    <option value="no">No</option>
                </select>

            </label>
        </section>                                          
    </div>

    $.validator.addMethod('driveaway', function (value, el, param) {
            if($('#isdrive').val() == "yes")
               return false;
            },"Please provide enter amount"); // Message added

 $("#addcar").validate({
          rules: {

            driveamount: {
              driveaway : true,
            },


          },
          messages: {
            }
          }
        });

标签： jqueryjquery-validate

解决方案

终于解决了。谢谢大家。

$.validator.addMethod('driveaway', function (value, el, param) {
            if($('#isdrive').val() == "yes" ){
              if($('#daa').val() != ""){
                return true;
              }
                return false;

            }else if($('#isdrive').val() == "no"){
                return true;
            }else {
              return true;
            }
            // if($('#isdrive').val() == " " )
            //    return true;
            // if($('#isdrive').val() == "yes" )
            //    return false;
            // if($('#isdrive').val() == "no")
            //    return true;
        },"Please provide enter correct amount"); // Message added

    $("#addcar").validate({
              rules: {

                driveamount: {
                  driveaway : true,
                },


              },
              messages: {
                }
              }
            });

推荐阅读