hinzufügen Buchstaben steuern Eingang

Question

Teil meiner html-Eingänge:

<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> 

Ich möchte nur Vorname und Nachname zu Buchstaben-Steuerelement hinzuzufügen. Ich möchte keine Regel für jedes Formular hinzufügen. Wie kann ich einige Regeln für bestimmte Eingaben unter Verwendung jquery.validate.min.js Bibliothek auf bootstrapwizard das nächste Ereignis hinzufügen?

Answer 1

Verwenden Sie rules Option in jquery-validate plugin. Betrachten Sie das folgende Beispiel.

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'); 
    } 
}); 

Zum dynamischen Regeln hinzufügen, können Sie es wie unten tun:

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

Aber denken Sie daran, bevor Sie obige Zeile schreiben Sie innerhalb form mit validate