Wie validiere ich das Feld auf der letzten Box?

Question

Ich erstelle ein Formular mit einem Kontonummernfeld. Diese Kontonummer hat 5 Textfelder mit jeweils size = '1'.

<div class="accountNumberWrapper"> 
    <input class="oneDigit" name="oneDigit" size="1" /> 
    <input class="twoDigit" name="twoDigit" size="1" /> 
    <input class="threeDigit" name="threeDigit" size="1" /> 
    <input class="fourDigit" name="fourDigit" size="1" /> 
    <input class="fiveDigit" name="fiveDigit" size="1" /> 
</div> 

Ich bin mit jQuery Validation Plugin, und will die Kontonummer auf focusout der fünften Box nur validieren. Ich habe unten Code verwendet, aber es ist Validierung auf Registerkarte aus jeder Box,

rules: { 
    'oneDigit': "meterReading", // custom method 
    'twoDigit': "meterReading", 
    'threeDigit': "meterReading", 
    'fourDigit': "meterReading", 
    'fiveDigit': "meterReading" 
},  
groups:{ 
    'meter_reading': "oneDigit twoDigit threeDigit fourDigit fiveDigit" 
} 

Bitte schlagen Sie vor.

Answer 1

können Sie jQuery Event-Handler verwenden:

$("#target").focus(function() { 
    /** Your code here **/ 
}); 

Mehr über Fokus Event-Handler: https://api.jquery.com/focus/

$("#target").focusout(function() { 
    /** Your code here **/ 
}); 

Mehr über focusout Event-Handler: https://api.jquery.com/focusout/

Und für .valid() Methode jQuery-Validierungs-Plugin https://jqueryvalidation.org/valid/

Answer 2

Sie können das jQuery-Ereignis focusOut mit der Validierungsmethode .valid() verwenden.

In Ihrem Fall wäre es:

$(".fiveDigit").on('focusout', function() { 
     $(".accountNumberWrapper input").valid(); 
    } 
); 

Answer 3

ich die Kontonummer auf focusout der fünften Box nur

validieren möge einen benutzerdefinierten focusout Handler schreiben, die einen Validierungstest löst aus das ganze Formular auf dem focusout Ereignis der fünften Box.

$('[name="fiveDigit"]').on('focusout', function() { 
    $('#myform').valid(); // trigger validation of form 
}); 

aber es ist die Validierung auf dem Registerkarte aus jeder Box

Auch die Standard-onfocusout Option des Plug-ins deaktivieren, so dass die Validierung nicht ausgelöst wird, wenn Sie zwischen den Feldern zu bewegen.

onfocusout: false 

DEMO: jsfiddle.net/6mqtqeos/