Sans plus tarder, cet article partagera avec vous deux pièces de code, le premier morceau de code HTML frontal et le deuxième morceau de code JS. Le code est simple et facile à comprendre. Le code clé est le suivant:
Code HTML frontal
<form id = "myform" metheth = "post" action = "/ task / test"> <div> <div> <belg> nom de la tâche </ label> <div> <input type = "text" name = "Takename" id = "Takename" /> </ div> </ div> <div> <label> Nom de l'assembly </ label> /> </ div> </ div> <div> <vabe> Nom de classe </ label> <v> <input type = "text" name = "MethodName" id = "MethodName" /> </ div> </ div> <v> <vacle> Cron Expression </vabe> <v> <entrée type = "Text" name = "cron" id = "cron" /> </ving> </ving> </ving> </ving> </ving> </ving> </ving> </ving> </ving> </ving> </v> </v> </div> </ving> </ving> </ving> </ving> </ving> </ving> </v> </ Div> </ Entrée> </ Entrée> </ Entrée> type="text" name="cronRemark" id="cronRemark" /></div></div><div><div><label><input type="checkbox" checked="checked" id="enabled"><span>Enable</span></label></div></div></div><div><button type="button"data-dismiss="modal">Close</button><button Type = "Soumider"> Soumider </ Button> </div> </form>
Js
<script> $ (document) .ready (function () {$ ("# myform"). bootstrapvalidator ({message: 'cette valeur n'est pas valide', des commentaires: {valide: 'Glyphicon Glyphicon-Ok' {Takename: {Validators: {Nothempty: {Message: 'Le nom de la tâche ne peut pas être vide'}}}}, dllname: {Validators: {NOTHEMPTY: {Message: 'Le nom de l'assemblage ne peut pas être vide'}, // Remote: {// Ajax Nom de la vérification. L'exemple est correct: {"valide", true} // URL: '/ task / test3', // adresse de vérification // Message: 'l'utilisateur existe déjà', // Message d'invite // retard: 3000, // Type: 'Post', // Demande Méthode /// / ** Données de soumission personnalisées, la valeur par défaut soumet la valeur de saisie actuelle // * Données: fonction (validator) {// return {// mot de passe: $ ('[name = "PasswordNameAttributeinyourform"]'). Val (), // Whar: $ ('[name = "WhatNameAttributeinyourform"]'). Val () //}; //} // * ///},}}, ne peut pas être vide: {validators:}}} {Validators: {NotEmpty: {Message: 'Cron Expression ne peut pas être vide'}}}}}, submithandler: function (validator, form, soumebutton) {var taskData = {}; taskData.taskName = $ ('# Takename'). Val (); taskData.dllpath = $ ('# dllname'). Val (); taskData.MethodName = $ ('# Methodname'). Val (); taskData.cronexpression = $ ('# cron'). Val (); taskData.remark = $ ('# cronremark'). $ ('# activé'). Is (': checked'); $. ajax ({type: "post", url: "/ task / addTask", data: taskData, succès: function (data) {alert (data); $ ('# myform'). data ('bootstrapValidator'). resetform (true);}});}});Cette méthode est la soumission de l'Ajax, et l'événement de soumission est écrit dans Submithandler
Ce qui précède est les connaissances pertinentes sur l'utilisation des contrôles de vérification bootstrap qui vous sont présentés par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!