Comment appeler la validation sur un événement de clic de bouton c'est pas un type d'envoi, mais un type de bouton et sans forme?

J'ai essayé de comprendre cela, je sais que la validation peut être tiré à l'intérieur d'une forme aussi longtemps que le bouton est de type submit. Mais j'ai quelques autres onglets de la vue et quand j'utilise présenter, il provoque une posback et remonte le premier onglet. Je ne veux pas que cela se produise alors j'ai mis mes validation dans une fonction, et a changé le type de bouton un bouton et supprimé la balise form et essayé d'appeler la fonction de validation sur le bouton cliquez sur l'événement et son pas de tir. Est-ce possible de le faire sans l'aide d'une balise de formulaire?

Mon code est-ce...

    $(document).ready(function () {
$("#btnUpdateModerator").click(function () {
ValidateIt();
});
ValidateIt();
});
function ValidateIt() {
var validator = $("#Users").bootstrapValidator({
feedbackIcons: {
valid: "glyphicon glyphicon-ok",
invalid: "glyphicon glyphicon-remove",
validating: "glyphicon glyphicon-refresh"
},
fields: {
DealerUsername: {
message: "Username is required",
validators: {
notEmpty: {
message: "Please Provide Username"
}
}
},
email: {
message: "Email address is required",
validators: {
notEmpty: {
message: "Please provide Email address"
},
emailAddress: {
message: "Email address was invalid"
}
}
},
password: {
validators: {
notEmpty: {
message: "Password is required"
},
stringLength: {
min: 6,
message: "Password must be at least 6 characters long"
},
different: {
field: "email",
message: "Email and Password cannot match"
}
}
},
confirmPassword: {
validators: {
notEmpty: {
message: "Confirm Password is required"
},
identical: {
field: "password",
message: "Password and Confirmation Password must match"
}
}
},
department: {
validators: {
notEmpty: {
message: "Department is Required"
}
}
}
}
});
}
Si vous n'avez pas un élément de formulaire, puis ce que l'élément est référencé par $("#Users")?
oui. #Les utilisateurs est un Div

OriginalL'auteur Chris | 2015-09-05

  1. 12

    Je pense que vous avez besoin de garder l'élément de formulaire, définissez le type de bouton "bouton" au lieu de "envoyer". Vous pouvez manuellement puis de valider le formulaire en utilisant le bootstrap du valideur "valider" la méthode.

    En supposant que votre formulaire de l'élément a de la id des "Utilisateurs", vous devriez être en mesure de modifier votre code:

    $(document).ready(function () {
$("#btnUpdateModerator").click(function () {
$('#Users').bootstrapValidator('validate');
});
ValidateIt();
});

    Remarque: Le ValidateIt() fonctionner comme vous l'avez écrit ne permet pas de valider le formulaire, il met en place le programme de validation du formulaire.

    Remarque: je pense que la documentation de l'API se trouve ici: http://bv.doc.javake.cn/api/

    Mise à jour après votre commentaire au sujet de faire un appel ajax:

    Si vous voulez faire un appel ajax lorsque le bouton est cliqué, mais seulement si le formulaire est valide, je crois que vous procédez de la manière suivante:

        $("#btnUpdateModerator").click(function () {
$('#Users').bootstrapValidator('validate');
if ($('#Users').bootstrapValidator('isValid')) {
//Make the ajax call here.
}
});

    Une autre façon d'écrire c'est:

        $("#btnUpdateModerator").click(function () {
var validator = $('#Users').data('bootstrapValidator');
validator.validate();
if (validator.isValid()) {
//Make the ajax call here.
}
});
    Merci, ça fonctionne comme je voulais le faire maintenant.
    Ce genre de situation soulève une autre question, je vais utiliser un appel ajax pour transmettre les données à une base de données, encore appelée si les champs sont validés ou non?
    Merci pour coller à travers avec moi sur ce point, c'est très apprécié. Le second est celui que j'ai été en mesure d'obtenir de travail.
    Merci, Vous avez sauvé ma vie.
    SALUT, pouvez pas nous soumettre un formulaire de

    OriginalL'auteur John S

  2. 1

    Je crois bootstrap validateur se lie lui-même à une forme de la méthode submit (), de façon à la placer dans une fonction ne sera pas réellement vous aider. Vous pouvez intercepter la soumission du formulaire méthode bien que, et de ne pas soumettre jusqu'à ce que vous souhaitez.

    $("#myForm").submit(function(e){
e.preventDefault(); //<-- prevents the form from submitting
//do stuff
this.submit() //<-- send it through
});
    Ce serait encore provoquer une publication bien et si je suis dans un autre onglet, puis après le soumettre elle reviendrait sur le premier onglet
    Je crois que ça va créer une boucle sans fin...

    OriginalL'auteur Mike S.