Regular Expression Tester

kleiner Versuchsaufbau um den Text aus der Textarea mit einer Regular Expression zu testen. Das Eingabefeld wird grün oder rot, je nachdem ob der match positiv oder negativ ausfällt.

HTML

<h1>Versuchsaufbau für Regular Expressions</h1>

<form>
    <textarea id="text" style="width:300px;height:50px;">ich bin der Beispiel-Text</textarea>
    <input type="button" id="go" value="regexp anwenden">
</form>

CSS

.yes { background-color: #afa; }
.no { background-color: #faa; }

JavaScript

$('form').submit(function(event) {
  event.preventDefault();
});


$('#go').click(function() {
    var $i = $('#text');
    var i = $i[0];
    $i.removeClass("yes");
    $i.removeClass("no");
    
    // hier kommt die regular expression!
    var pattern ="/^.{0,10}$/";
    alert(typeof(pattern));
		var regexval = new RegExp(pattern);
   
   if (regexval.test(i.value)) {
   alert(i.value);
        $i.addClass("yes");
    }
    else {
        $i.addClass("no");
    }
});