scrivere un modello per escludere spazi bianchi e caratteri speciali

Question

Sto cercando di ottenere un modello angolare per controllare che un nome utente non abbia spazi bianchi o caratteri speciali. Il seguente modulo restituisce false se si immettono spazi bianchi o caratteri speciali. Tuttavia, diventa vero non appena si immette a-z, A-z o 0-9. Ho provato ng-pattern = "/ [^ \ s] + /" e \ S e [^] ma non fanno differenza.

<form name="myform"> 
    valid? {{ myform.$valid }} 
    <input type="text" name="username" ng-model="username" ng-pattern="/[a-zA-Z0-9^ ]/" required/> 
</form> 

Ecco il modulo in un Plunk: http://plnkr.co/edit/6T78kyUgXYfNAwB4RHKQ?p=preview

Answer 1

provare il seguente schema:

/^[a-zA-Z0-9]*$/ 

Questo consente solo caratteri alfanumerici.

Answer 2

Per trovare la risposta specifica che stavo cercando, avevo già lo schema suggerito da Sniffer /^[a-zA-Z0-9]*$/, ma l'angolare sembrava ancora ignorare gli spazi bianchi iniziali o finali. Come Cristian mentions nei commenti:

Angolare troncerà il modello di input, ovvero la convalida non viene attivata per gli spazi. È possibile aggiungere un ng-trim="false" all'input per risolvere questo problema.

Nota che Angular sta cercando di proteggerti tagliando silenziosamente gli spazi per impostazione predefinita. Nel mio caso, voglio che l'utente sia consapevole del fatto che lo spazio vuoto finale non è valido.