web-dev-qa-db-fra.com

Autoriser uniquement la saisie de certains caractères dans HTML textinput

Je dois juste permettre à un utilisateur de saisir les caractères suivants dans l'entrée de texte:

a-zA-Z0-9! @ # $% ^ * _ |

<form action="http://www.cknuckles.com/cgi/echo.cgi" method="get" name="logOn">
  User Name:<br />
  <input type="text" name="userName" size="25" /><br />
  Password:<br />
  <input type="password" name="pw" size="25" /><br />
  <input type="submit" value="Log In" onClick="validate()"/> 
</form>

Ci-dessus, mon code HTML et ci-dessous, mon code JavaScript que j'ai essayé d'utiliser pour le valider - mais cela ne fonctionne pas - aucun indice.

<script language="javascript">
   document.logOn.onsubmit=validate;

   function validate(){

var name=document.logOn.pw.value;
    if(!name = "[a-zA-Z0-9!@#$%^*_|]"){              
alert("Your Password Cant Have any thing other than a-zA-Z0-9!@#$%^*_| - Play It Straight!");
    return false;
}               

    return true;
}

</script>

Mais cela ne fonctionne pas. Je peux toujours mettre des caractères comme ">" et "<" et "{" etc.

Des pensées?

javascriptcharacterlimittextfield
14
baburao113

Vous pouvez essayer votre texte de saisie comme ci-dessous:

<input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" />

Donc, les changements de code ressemblent à ceux ci-dessous:

    <form action="#" method="get">
       User Name:<br />
       <input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" /><br />
       Password:<br />
       <input type="password" /><br />
       <input type="submit" value="Log In" /> 
   </form>

cela le fera sans utiliser JavaScript. pattern peut être utilisé à la place.

C'est plutôt efficace que JavaScript pour la validation de formulaire.

34
Ankit Dhadse

utilisez ceci

<script language="javascript">
document.logOn.onsubmit=validate;

function validate(){

var name=document.logOn.pw.value;
var reg=/[^a-zA-Z0-9\!\@\#\$\%\^\*\_\|]+/;
if(reg.test(name)){              
alert("Your Password Cant Have any thing other than a-zA-Z0-9!@#$%^*_| - Play It    Straight!");
return false;
}               

return true;
}

</script>
3
5z- -

Cela devrait faire

<input type="text" name="something" pattern="[a-zA-Z0-9!@#$%^*_|]{0,100}">
1
AtanuCSE

Essayez ceci et retournez-moi si cela vous convient

function validate(){
        var name=document.logOn.pw.value;
        var test = new RegExp("[a-zA-Z0-9!@#$%^*_|]");
        if(!name.match(test)){              
           alert("Your Password Cant Have any thing other than a-zA-Z0-9!@#$%^*_| - Play It                     Straight!");
        return false;
  }               
   return true;
}

http://jsfiddle.net/KJEcG/

0
kundan

Essaye ça...

if(!/[a-zA-Z0-9!@#$%^*_|]./.test(name)){
0
FloatingCoder