2016-10-28 11 views
0

Guten Tag alle, ich habe ein Problem bei der Validierung meiner Eingaben mit focusout Ereignis. Was ich will, ist jedes Mal, wenn der Eingang focusout war, wird dieser Eingang nur validiert, ohne die anderen Eingänge zu beeinflussen. Das Problem ist, ich habe viele Eingaben und ich möchte es mit der gleichen ID. Das ist das Problem, denn wenn einer meiner Eingaben ausgelöst wurde, wird alles validiert. Ich hatte viele Nachforschungen zu diesem Thema und einige, die für meine Frage relevant waren, aber ich verstehe es immer noch nicht und ich bin neu im Programmieren. Ich brauche bitte Hilfe!Wie validiere ich mehrere Eingaben bei jedem Fokusereignis mit jquery?

heres der Link: https://jsfiddle.net/m7wa35tc/

var Main = { 
 

 
\t init: function(){ 
 
\t this.handleBinds(); 
 

 
\t }, 
 

 
\t handleBinds: function(){ 
 

 
\t \t $('.required').on("keyup", function(){ 
 
\t \t \t if($.trim($(this).val()).length < 1){ 
 
\t \t \t \t $(this).css("border-color", "red"); 
 
\t \t \t }else{ 
 
\t \t \t \t $(this).css("border-color", ""); 
 
\t \t \t } 
 
\t \t \t 
 
\t \t }); 
 

 
\t } 
 

 
}; 
 
$(document).ready(function(){ 
 

 
\t Main.init(); 
 

 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label>Name 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Corporate or Legal Name 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Location Address 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>City, State 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Zip/Postal Code 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Country 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Email Addresse 
 
\t \t \t <input type="text" id="required"> 
 
</label>

+1

Bitte posten Sie Ihre aktuelle Lösung in einem JSFiddle oder Code-Snippet, damit wir Ihnen helfen können. –

+1

Warten? Sie haben mehrere Eingänge mit derselben ID? Die ID ist ** einzigartig ** - auf jeder Seite kann nur ein ** jeder ID vorhanden sein. – junkfoodjunkie

+0

Hallo, danke für die Antwort, ich habe jetzt meinen Beitrag aktualisiert. Ich habe nur einige meiner Eingaben eingegeben. –

Antwort

0

Sie müssen jedes Element eindeutige ID setzen Sie Referenz machen wollen, in diesem Fall die Verwendung class = "erforderlich" statt

+0

Danke, dass es funktioniert. Ich ändere die ID in die Klasse. Ich habe Follow-up-Frage, wie kann ich die E-Mail auch validieren? –

+0

Möchten Sie das E-Mail-Format validieren? kann mit regelmäßigem Ausdruck versuchen: –

+0

Ja, wie und wo man es in meinen Code steckt? –

Verwandte Themen