添加字母控制輸入我的HTML輸入

Question

部分：

<form class="form" id="firstForm" novalidate="novalidate"> 
     <div class="tab-content"> 
      <div class="tab-pane active" id="vtab1"> 
       <div class="form-group"> 
        <label class="col-sm-4 control-label"><?php echo _("Hasta Adı"); ?></label> 
        <div class="col-sm-8"> 
        <input type="text" name="firstname" id="firstname" class="form-control"> 
        </div> 
       </div> 

       <div class="form-group"> 
        <label class="col-sm-4 control-label"><?php echo _("Hasta Soyadı"); ?></label> 
        <div class="col-sm-8"> 
        <input type="text" name="lastname" class="form-control"> 
        </div> 
       </div> 
<div class="form-group"> 
         <label class="col-sm-4 control-label"><?php echo _("Hasta Yaşı"); ?></label> 
         <div class="col-sm-8"> 
          <input type="text" name="age" class="form-control" required><label for="age" class="error"></label> 
         </div> 
         </div> 

的Jquery：

<script type="text/javascript"> 
$(function() { 

    // With Form Validation Wizard 
    var $validator = jQuery("#firstForm").validate({ 
    highlight: function(element) { 
     jQuery(element).closest('.form-group').removeClass('has-success').addClass('has-error'); 
    }, 
    success: function(element) { 
     jQuery(element).closest('.form-group').removeClass('has-error'); 
    } 
    }); 

    jQuery('#validationWizard').bootstrapWizard({ 
     tabClass: 'nav nav-pills nav-justified nav-disabled-click', 
     onTabClick: function(tab, navigation, index) { 
      return false; 
     }, 
     onNext: function(tab, navigation, index) { 
      var $valid = jQuery('#firstForm').valid(); 
      if(!$valid) { 

      $validator.focusInvalid(); 
      return false; 
      } 
     } 
    }); 
}); 
</script> 

我想信控制加起來也只有名字和姓氏。我不想爲所有表單添加規則。如何在bootstrapwizard的下一個事件中使用jquery.validate.min.js庫爲特定輸入添加一些規則？

Answer 1

在jquery-validate plugin中使用rules選項。考慮下面的例子。

var $validator = jQuery("#firstForm").validate({ 
    rules:{ 
     firstName:{ 
      required:true 
      //any other similar rules 
     }, 
     lastName:{ 
      required:true, 
      //any other similar rules 
     } 
    }, 
    messages:{ 
     firstName:{ 
      required:"FirstName is required" 
      //any other similar rule messages 
     }, 
     lastName:{ 
      required:"LastName is required", 
      //any other similar messages 
     } 
    } 
    highlight: function(element) { 
     jQuery(element).closest('.form-group').removeClass('has-success').addClass('has-error'); 
    }, 
    success: function(element) { 
     jQuery(element).closest('.form-group').removeClass('has-error'); 
    } 
}); 

動態添加規則，你可以按照以下操作步驟：

$("input[name=firstName]").rules("add", "yourcustomrule"); 

但要記住，你寫上面一行之前，你需要初始化 form與validate