Arbeiten notify/verify ohne Senden?

Question

Ich habe eine sehr einfache Form:

<form> 
    <fieldset> 
     <input id="in1" type="text" data-validate="required"> 
    </fieldset> 
    <fieldset> 
     <input id="in2" type="text" data-validate="required"> 
    </fieldset> 
    <input id="btn" type="button" value="Insert your datas" onclick="insert()"> 
</form> 

Wenn dritter Eingang (id:"btn") type="submit" hat, benachrichtigen/verify gut funktionieren würde.

Ich brauche nicht dieses Formular abschicken (weil ich eine insert() Funktion auf Taste starten haben onclick),

so löschte ich die Art einreichen meiner Taste und leider keine Benachrichtigungen erscheinen auf meine Seite jetzt.

Ich kann einen Handler hinzufügen (wie folgt aus: $(".elem-demo").notify("Hello Box")) wie benachrichtigen docs vorschlagen, aber das ist eine individuelle Benachrichtigung, gut, aber ich möchte Vorteil verify.jsdata-validate ..no extra Code für eine einfache Validierung erforderlich nehmen wie "erforderlich" oder "Nummer".

Wie kann ich das Problem lösen? Ich wünschte, ich wäre frei von meinem Problem und danke, um mir zu antworten.

Answer 1

können Sie halten die Taste Art vorlegen und die Vorlage Standardformular Verhalten auf Submit-Button klicken über event.preventDefault()

<form id="my-form" onSubmit="myFunction(event)"> 
    <fieldset> 
     <input id="in1" type="text" data-validate="required"> 
    </fieldset> 
    <fieldset> 
     <input id="in2" type="text" data-validate="required"> 
    </fieldset> 
    <input id="btn" type="submit" value="Insert your datas" onclick="insert()"> 
</form> 

Diese Ihre Funktion außer Kraft setzen kann, die auf dem Formular submission.Access über seine ID das Formular aufgerufen wird und Rufen Sie validate an, um das Formular auf Fehler zu überprüfen. Der Aufruf validate löst die Validierung für jedes Element im Formular aus. Es akzeptiert eine Callback-Funktion callback(success), die nach der Validierung aufgerufen wird.

function myFunction(e){ 
e.preventDefault(); 

$("#my-form").validate(callbackFunction); 

// call your other function 

}