Question

我有一张表格。

<form>
    <fieldset>
        <div>
            <label>title</label>
            <input id="title" name="title" type="text">
        </div>
        <div>
            <label>Type</label>
                <input name="type" id="1" value="1" checked="checked" type="radio">1
                <input name="type" id="2" value="2" type="radio">2
            </div>
        </div>
        <div>
            <label for="3">3</label>
            <input id="3" name="3" placeholder="3">
        </div>
        <div class="2_details" style="display:none;">
            <input id="4" name="4" placeholder="4">
        </div>
    </fieldset>
</form>

它有2个单选按钮。 1和2。目前隐藏了类2_details的div。只有在单击单选按钮2时才会激活它，否则它将被隐藏。

以下是jquery： -

$('form').change(function (event) {
    var value = $('input[name=type]:checked', 'form').val();
    if (value == '2'){
        $('.2_details').show()
    }
    else{
        $('.2_details').hide()
    }
});

现在我想应用jquery验证。这样做的情况是，如果选中单选按钮2，则3的值应大于4的值，否则接受3的任何值。

此外，如果选中2_details，则在课程2上应用验证，否则请勿在{{1}}上应用验证。

这是我的验证码： -

2_details

Answer 1

不需要自定义规则，您可以使用

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/additional-methods.js"></script>
<form>
  <fieldset>
    <div>
      <label>title</label>
      <input id="title" name="title" type="text">
    </div>
    <div>
      <label>Type</label>
      <input name="type" id="1" value="1" checked="checked" type="radio">1
      <input name="type" id="2" value="2" type="radio">2
    </div>
    <div>
      <label for="3">3</label>
      <input id="3" name="3" placeholder="3">
    </div>
    <div class="2_details" style="display:none;">
      <input id="4" name="4" placeholder="4">
    </div>
  </fieldset>
  <input type="submit" value="save" />
</form>

＆＃13;

    Create procedure College.Create_Student

        @Roll Number VARCHAR(7) = NULL,
        @Name VARCHAR(35) = NULL,
        @Phone VARCHAR(10) = NULL,
        @Email VARCHAR(20) = NULL

# Insert into Student Table and return the primary key

＆＃13;

单选按钮选择的jQuery动态验证

1 个答案: