Ohne weiteren wird dieser Artikel zwei Code-Teile mit Ihnen teilen, dem ersten HTML-Code Front-End und dem zweiten Stück JS-Code. Der Code ist einfach und leicht zu verstehen. Der Schlüsselcode lautet wie folgt:
Front-End-HTML-Code
<form id="myForm" method="post" action="/Task/Test"><div><div><label>Task name</label><div><input type="text" name="takeName" id="takeName" /></div></div><div><label>Assembly name</label><div><input type="text" name="dllName" id="dllName" /> </div> </div> <div> <label> Klassenname </Label> <div> <Eingabe type = "text" name = "methodName" id = "methodName"/> </div> </div> <div> <div> <label> cron -expression </label> <div> <input type = "text" name = "cron type = "text" name = "cronremark" id = "cronremark"/> </div> </div> <div> <div> <label> <Eingabe type = "Checkbox" checked = "checked" id = "enabled"> <span> enable </span> </label> </div> </div> </div> </div> </div> </butth> </butth> </div> </div> </div> </butth> </button </button </button </button> </button </button> </button </button> </button </button </button </buttht. Typ = "Senden"> Senden </button> </div> </form>
JS
<Script> $ (Dokument) .Ready (function () {$ ("#myForm"). Bootstrapvalidator ({message: 'Dieser Wert ist nicht gültig', Feedbackicons: {gültig: 'Glyphicon Glyphicon-OK', ungültig: 'Glyphicon-Remove', GLYPHICON: {Takename: {Validatoren: {Notimpty: {Message: 'Aufgabenname kann nicht leer sein'}}}}, dllname: {validatoren: {Notontey: {Nachricht: 'Der Assembly -Name kann nicht leer sein Richtig: {"valid", true} // url: '/task/test3', // Verifizierungsadresse // Nachricht: 'Der Benutzer existiert bereits', // Eingabeaufforderung // Verzögerung: 3000, // type: 'post', // Anfrage -Methode ////** benutzerdefinierte Daten, Default Value geben den aktuellen Eingabewert // Data: Funktion (validator) {// // zurück. $ ('[name = "passwordnameattributinyourform"]'). val (), // was auch immer: $ ('[name = "whateVernameattributeyurform"]. {validators: {NotEMPTY: {message: 'Cron -Ausdruck kann nicht leer sein'}}}}}, Submithandler: function (validator, Formular, Subjektbutton) {var taskdata = {}; taskdata.taskname = $ ('#taillaSame'. $ ('#dllname'). val (); taskdata.methodname = $ ('#methodName'). val (); taskdata.cronexpression = $ ('#cron'). val (); taskdata.remark = $ ('#cronremark'). $ ('#aktiviert'). ist (': checked');Diese Methode ist die Einreichung von AJAX, und das Einreichungsereignis ist in Untergieher geschrieben
Das obige ist das relevante Wissen über die Verwendung von Bootstrap -Überprüfungskontrollen, die Ihnen vom Editor vorgelegt wurden. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!