0

您好我正在尝试使用 jQuery Validation ，

基本上我有一个表格，无论如何都需要某些元素，

但是然后我有其他只需要的字段是选中了一个复选框

我在这里使用 jQuery Validation 是文档的链接

这是我的表格

<form action="http://www.funnytennisstories.com/save-story.php" method="POST" name="story-form" id="storyForm">
<fieldset>
    <label for="Your Story">Your Story</label>
    <textarea class="required" name="your-story" cols="" rows=""></textarea>
    <label for="free-wrist-band">Check the box to receive a free tennis wristband &nbsp;  </label>
    <input id="free-wrist-band-check-box" name="free-wrist-band" type="checkbox" />
    <label for="address">Address</label><input id="address" class="txtClass shipping" name="address" type="text" >
    <input type="submit" name="story-post" value="Post Your Story"/>
 </fieldset>
</form>

所以我已经减少了很多，但基本上如果free-wrist-band-check-box选择了我应该输入地址文本，但如果没有选中我不应该输入任何文本

这是我写的javascript，但是如果选中了复选框，它就不起作用

<script>

 $(document).ready(function(){

    $("#storyForm").validate({
    debug:true,
       rules: {
         shipping: {
             required: $("#free-wrist-band-check-box:checked")
           }
       }
    });
});

调试也没有显示在 chrome 上的 firebug lite（和检查元素工具）和 safari 上的检查器中

任何想法的家伙

4

1 回答 1

1

在里面添加这个$(document).ready(function(){...})

$('#free-wrist-band-check-box').on('change', function(){
    if($(this).is(':checked')) $("#address").rules("add", "required");
    else $("#address").rules("remove", "required");
});

因此，address text box只有在checkbox选中 时才需要。

演示。

于 2012-07-25T00:36:21.023 回答