Pattern Regex per campo di testo HTML5

Vorrei creare un modello regex in javascript per un html text field che prende un indirizzo. Quindi voglio solo che l’utente inserisca [az,AZ,0-9] e solo questi simboli [,#-.] Voglio anche impedire all’utente di inviare una stringa vuota e il numero massimo di caratteri inferiore a 100 .

Questo è l’html :

  

Sono nuovo di javascript, quindi non so come creare una funzione che consentirà di aderire ai modelli regex.

Grazie

MODIFICARE

Seguendo la raccomandazione di kolink ho provato questo:

   

Questo ora funziona solo se l’altro non è stato selezionato. Altrimenti non raccoglie l’attributo pattern . Tuttavia lo stesso identico codice funziona come previsto su jsfiddle: http://jsfiddle.net/peD3t/7/ ma non nel browser. Questo è il codice in pastebin: http://pastebin.com/qQGJ4EK5

Grazie

HTML5 ti fornisce l’attributo pattern , che ti consente di richiedere un determinato pattern. In questo caso, vorrai pattern="[a-zA-Z0-9,#.-]+"

Non importa che il browser più vecchio non supporti questo, perché dovresti sempre convalidare sul lato server.

$ (document) .ready (function () {

 $('input').keyup(function() { var $th = $(this); $th.val( $th.val().replace(/[^a-zA-Z0-9,#.-]/g, function(str) { return ''; } ) ); }); 

});

Questo funzionerà.