J'ai les différentes cases à cocher à l'intérieur du groupe de formulaires. Comment puis-je faire ce domaine d'intérêt STRUT> Case à cocher Obligatoire sur Soumettre? Au moins l'utilisateur clique sur une seule case avant de soumettre. J'ai utilisé React-Bootstrap. Toute aide est appréciée. P> <Form.Group>
<Form.Label>Area of Interest</Form.Label>
<Form.Check
name="areaOfInterest"
label="Dedicated Teams"
id="dt"
value={"Dedicated Teams" || formInput.areaOfInterest}
onChange={handleCheck}
/>
<Form.Check
name="areaOfInterest"
label="Cloud Expert Advice & Support"
id="ceas"
value="Cloud Expert Advice & Support"
onChange={handleCheck}
/>
<Form.Check
name="areaOfInterest"
label="Software Development"
id="sd"
value="Software Development"
onChange={handleCheck}
/>
<Form.Check
name="areaOfInterest"
label="Digital Transformation"
id="dit"
value="Digital Transformation"
onChange={handleCheck}
/>
</Form.Group>
3 Réponses :
Vous pouvez simplement vérifier avant de soumettre le formulaire si Areaofterest code> a une valeur à elle ou non. Si ce n'est pas le cas, affichez l'utilisateur une erreur de leur dire que c'est obligatoire. Si
AreaOfinterest code> a même une réponse unique à celui-ci, laissez le formulaire soumettre. P>
sur le formulaire Soumettre em> Vous pouvez vérifier l'existence de la case à cocher cochée em>, s'il n'y en a pas vérifié, vous pouvez . Démo: strong> p> p> renvoyer false code>.
<form onsubmit="return submitForm()">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br>
<button>Submit</button>
</form>
dépend de la façon dont vous gérez l'état de l'état. Je suppose que vous enregistrez l'état de la case à cocher, comme un tableau ou un objet. Une façon de faire cela consiste à faire fonctionner l'état de la case à cocher. Si c'est vide, vous pouvez désactiver l'enregistrement ou envoyez un message d'erreur. p>
Sur Soumettre, vous pouvez vérifier la valeur de l'APEAOfinterest s'il est vide ou avoir une certaine valeur.
réagit les validations de bootstrap voici le lien officiel pour vous où Les validations de formulaire sont données, vous pouvez transmettre vérifier la validation dans la fonction HandlesUntmit, car vous recevez le formulaire, vérifiez-le au moins une case à cocher est cochée.