-1
votes

Est-il possible dans Bootstrap ou HTML d'accepter uniquement la chaîne comme entrée sous forme de formulaires?

Je veux que l'entrée soit utilisée comme chaîne uniquement. Est-ce possible ou devrais-je utiliser Formik? XXX

javascript html twitter-bootstrap

3 commentaires

Vous devriez vérifier cela dans le backend, vous pouvez le faire avec une simple regex

Toutes les données provenant d'un formulaire HTML sont au format de la chaîne. Je suppose que vous voulez que le nom d'utilisateur soit une collection de caractères, non? Ensuite, utilisez simplement le motif et les attributs requis. Il n'est absolument pas nécessaire d'utiliser une autre bibliothèque ou cadre pour cela. Tout ce dont vous avez besoin est l'API de validation de la contrainte HTML5 et une certaine validation dans le backend.

@Marcel merci, cela aide :-) Je vais utiliser le motif.

3 Réponses :

1
votes

Vous pouvez utiliser un motif sur Clientside pour permettre uniquement certains caractères:

https://developer.mozilla.org/en-us/docs/web/html/attributes/pattern P>

<input type="text" pattern="[a-Z]" class="form-control" id="usernaame" aria-describedby="textHelp" placeholder="Enter Username">

0 commentaires

1
votes

Vous devez juste inclure l'attribut modèle code> à votre nom d'utilisateur entrée code> pré> xxx pré>

p>



<form>
  <div class="form-group">
    <label for="exampleInputText">UserName</label>
    <input type="text" required pattern="[a-zA-Z]*" class="form-control" id="exampleInputTextl1" aria-describedby="textHelp" placeholder="Enter Username">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

0 commentaires

1
votes

vous pouvez faire sur client code> facilement avec js code> fonctionner ci-dessous.

Sa vérification des lettres autorisées si vous entrez le numéro ou d'autres caractères, il affichera un numéro ou d'autres caractères. alerte code>. p>

CHRCODE est JS qui qui vérifie les touches saisies par l'utilisateur et si correspondant aux critères que nous avions définis qui est des lettres seulement il retournera true code > et l'utilisateur est capable de saisir un nom d'utilisateur ou de retourner false code> et d'alerter si vous entrez le numéro ou d'autres caractères. p>

p>



<form>
  <div class="form-group">
    <label for="exampleInputText">UserName</label>
    <input type="text" onkeypress="return lettersOnlyAllowed(event);" class="form-control" id="exampleInputTextl1" aria-describedby="textHelp" placeholder="Enter Username">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

0 commentaires