Jquery 使用特定按钮仅验证一个字段

Jquery 使用特定按钮仅验证一个字段,jquery,jquery-validate,Jquery,Jquery Validate,本人已提交以下表格: <div class="form-row clearfix"> <label for="FirstName" class="overlay">First name</label> <input id="FirstName" class="input-validation-error textbox" type="text" placeholder="Required"

本人已提交以下表格:

        <div class="form-row clearfix">
            <label for="FirstName" class="overlay">First name</label>
            <input id="FirstName" class="input-validation-error textbox" type="text" placeholder="Required" value="" name="FirstName" data-val-required="Enter first name" data-val-length-min="2" data-val-length-max="50" data-val-length="Enter 2 to 50 characters" data-val="true" />
            <div class="validate-error field-validation-error" data-valmsg-replace="true" data-valmsg-for="FirstName"></div>
        </div>

        <div class="form-row clearfix">
            <label for="Surname" class="overlay">Surname</label>
            <input id="Surname" class="input-validation-error textbox" type="text" placeholder="Required" value="" name="Surname" data-val-required="Enter surname" data-val-length-min="2" data-val-length-max="50" data-val-length="Enter 2 to 50 characters" data-val="true" />
            <div class="validate-error field-validation-error" data-valmsg-replace="true" data-valmsg-for="Surname"></div>
        </div>

        <div class="form-row clearfix">
            <label for="TelNo" class="overlay">Tel no.</label>
            <input id="TelNo" class="input-validation-error textbox" type="text" placeholder="Optional" value="" name="TelNo" />
            <div class="validate-error field-validation-error" data-valmsg-replace="true" data-valmsg-for="TelNo"></div>
        </div>

        <div id="postcode-holder" class="form-row clearfix">
            <label for="Postcode" class="overlay">Postcode</label>
            <input id="Postcode" class="input-validation-error textbox" type="text" placeholder="Required" value="" name="Postcode" data-val-required="Enter postcode" data-val-length-min="2" data-val-length-max="10" data-val-length="Enter 2 to 10 characters" data-val="true" />
            <div class="validate-error field-validation-error" data-valmsg-replace="true" data-valmsg-for="Postcode"></div>
            <input id="find-addresses" name="find-addresses" type="submit" class="orange-button" value="Find Address" />
        </div>

        <div class="button-holder">
            <button name="order-brochure" class="large orange-button">Order Brochure<span class="sprite large-white-arrow"></span></button>
        </div>

但这似乎没有改变什么。如何取消“查找地址”按钮上所有必填字段(邮政编码字段除外)的验证?单击事件发生时,如何动态应用/附加规则

$('#find-addresses').on('click', function(){
    $('[name="Postcode"]').rules('add', { 
        required: true,
        email: true
    });
    $('#Other_Form_Fields').rules('remove');        
    $('#request-brochure-form').valid();  // trigger the validation & do NOT submit        
}); 
另外,当您使用“其他”按钮时,在使用“单击事件”时,删除应用于
#查找地址
单击的规则

有关更多详细信息,请参阅


仅在您的情况下,如果您想使用其他按钮设置使
姓氏无效,请使用
$('[name=“姓氏”]')。规则('remove')

切勿将
.validate()
放入
单击
处理程序中。它只用于初始化表单上的插件。@Sparky谢谢,很高兴知道。我通常不必为这些烦恼,因为mvc通常会为我处理所有的事情,但由于我想改变默认行为,这正是导致methanks回答问题的原因,我现在不在家,但我会在周一尝试一下,看看如何进行Hanks,这就成功了——当我点击主按钮时,我不得不重新绑定规则
$('#find-addresses').on('click', function(){
    $('[name="Postcode"]').rules('add', { 
        required: true,
        email: true
    });
    $('#Other_Form_Fields').rules('remove');        
    $('#request-brochure-form').valid();  // trigger the validation & do NOT submit        
});