2013-07-17 14 views
7
einreichen

Zum Zeitpunkt der Eingabe in EditText Feld gegeben es zeigt Fehler, wenn jemand incorrent IP-Adresse Format von IP adsress gestellt werden, wie diese mir 000.000.0.000 sein sollte plz help, wie das Muster in Form zu validieren

aus

iN HTML5: -

<div data-role="content"> 
    <form id="form"> 
     <div data-role="fieldcontain"> 
        <label for="ip">IP Address/System Name</label> 
        <input name="ip" id="ip" type="text" pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$">      
     </div> 
     <div style="text-align:center;">     
        <div data-role="button" data-theme="b" data-inline="true" id="button1">Update</div> 
     </div> 
</div> 
+1

HTML5 Muster Validierung funktioniert perfekt, aber es Sie das Formular abschicken müssen arbeiten, aber von Ihrem Code kann ich sehen, dass Sie div verwenden, um eine JavaScript-Funktion aufzurufen, so in dieser Funktion manuell das Senden von –

Antwort

9

Für HTML5 Validierung einreichen zu arbeiten, müssen Sie setzen required Attribut in Ihrem input Felder , möchten Sie mit HTML5 validieren und Sie müssen das Formular absenden.

Sie können die Formulardaten verarbeiten durch Javascript vorgelegt und Incase Sie wollen die eingereichten Daten zu handhaben manuell dann müssen Sie data-ajax="false" in Ihnen form Tag

für Ihren Code angeben, versuchen Sie diese

<div data-role="content"> 
<form id="form" data-ajax="false"> 
    <div data-role="fieldcontain"> 
       <label for="ip">IP Address/System Name</label> 
       <input name="ip" id="ip" type="text" required pattern="((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$">      
    </div> 
    <div style="text-align:center;">     
       <input type="submit" value="Submit button" /> 
    </div> 
</form> 
</div> 

Und in javascript Sie so etwas wie

$("#form").submit(function(e){ 
    e.preventDefault(); 
    //call your method 

}); 
+0

Was ist mit Subnetzmaske? –

2

Ein Weg Sie gehen können mask.js verwendet - in Ihrem Fall können Sie es den Benutzer zur Eingabe zwingen ihre Daten im richtigen Format, die Pre-bevölkern ‚‘ Zeichen in der IP und verhindern, dass der Benutzer nicht numerische Werte eingibt.

Mask.js

Und hier ist eine Geige - http://jsfiddle.net/QF9Lz/2/

Klick in das Textfeld ein, werden Sie eine Formatierung Maske sehen angezeigt und Sie werden nur in der Lage sein, numerische Werte in dem Format eingeben, die Sie angegeben.

Also, wenn Sie mask.js im Kopf sind, können Sie die Eingabemaske wie folgt initialisieren:

$(document).ready(function() { 
    $('#ip').mask('999.999.9.999'); 
}); 
+1

in jquery Mobile wird es funktionieren –

+0

bcoz es funktioniert nicht in jquery mobile –

+0

idk habe es nicht versucht, Hast du die normale Implementierung funktioniert? – digiliooo

-1

ich diese Regex gemacht für Adresse tun können/Maske Zum Beispiel: 10.0.0.0/8

((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){3}\/([1-2][0-9]|[0-9]|3[0-2])$ 

, wenn Sie nur die Regex Nutzungs Adresse wollen:

((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){3}$ 
Verwandte Themen