Écouter de la Sémantique de l'INTERFACE utilisateur de la validation du formulaire d'erreurs avant de soumettre
À l'aide de la Sémantique de l'INTERFACE utilisateur formulaire modal et de validation, j'ai un formulaire dans une modal et je ne veux pas le modal pour fermer si le formulaire n'est pas valide (ce qui arrive lorsque soumis).
La seule façon que je peux arrêter le modal à compter de la clôture est d'ajouter un disabled
classe pour le bouton soumettre.
Je veux écouter de la forme (en temps réel) et basculer le disabled
de classe et de désactiver la fonction sur la forme actuelle de la validation de l'état.
Je ne peux que le faire fonctionner une fois que le formulaire est soumis, mais pas en temps réel
$('#myForm')
.form({
title: {
identifier : 'title',
rules: [
{
type : 'empty',
prompt : 'Please enter a title'
},
{
type : 'length[2]',
prompt : 'At least 6 characters'
}
]
}
},
{
onSuccess: function() {
$('#submit').removeClass('disabled');
},
onFailure: function() {
$('#submit').addClass('disabled');
}
}
);
OriginalL'auteur Jack Barham | 2015-05-04
Vous devez vous connecter pour publier un commentaire.
Au lieu d'utiliser désactivé pour présenter, assurez-vous modal reste ouvert même en cliquant sur le bouton soumettre (Modal approuver) bouton, et de transmettre la décision de fermer la modale de la sémantique de l'INTERFACE utilisateur de la validation du formulaire d'événements (c'est à dire onSuccess).
Donc quelque chose de similaire à ceci:
Note que "OnApprove" événement se déclenche uniquement lorsque vous cliquez sur le modal bouton avec la classe "ok".
Si vous avez besoin d'un modal bouton comme ceci:
Voici un travail prolongé plunker code que j'ai créé pour le démontrer:
http://plnkr.co/edit/5fK7UuJIm7QTJGiu23NL?p=preview
OriginalL'auteur MTran
J'ai été confronté au même problème, et en contact avec la Sémantique de développeur. Prenez avis qu'ils vont revoir certains autres, évident, manquant forme de comportements 2.0 après le lancement.
Maintenant, vous pouvez prendre un coup d'oeil à cette branche de leur dépôt github (le form.js fichier):
https://github.com/Semantic-Org/Semantic-UI/tree/next
Utiliser un pis-aller de la fonction
is valid
qui renvoietrue/false
si le formulaire est valide.par exemple
Ce sera dans
2.0
OriginalL'auteur DruidKuma
Vous pouvez utiliser la Sémantique de l'INTERFACE utilisateur API afin d'éviter de soumettre le formulaire.
OriginalL'auteur cuixiping
Une combinaison des solutions de @DruidKuma et @Oniisaki fonctionné pour moi:
Pour exposer sur le
onApprove
de rappel, sachez que, en plus de la.ok
(techniquement.action .ok
sélecteur de classe) notée par @DruidKuma supplémentaire des sélecteurs de classe de.action .positive
et.action .approve
sera également déclencheronApprove
.OriginalL'auteur David Kuhta
Je sais que c'est un vieux post et les choses ont peut-être changé maintenant. Aucune de ces solutions ne fonctionne pour moi, et je ne pouvais pas trouver la pièce manquante n'importe où. C'est comment j'ai finalement obtenu ce que ça va:
J'espère que cela aide quelqu'un.
OriginalL'auteur Peter Smartt