<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>MochiRegExp - JavaScript Regular Expression (RegExp) Explorer</title> <link href="mochiregexp.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/MochiKit/MochiKit.js"></script> <script type="text/javascript" src="mochiregexp.js"></script> </head> <body> <h1> MochiRegExp - JavaScript Regular Expression (RegExp) Explorer </h1> <div> <p> This demo does "live" Regular Expression matching to help you toy with JavaScript Regular Expressions. It takes advantage of <a href="http://mochikit.com">MochiKit</a>'s <a href="../../doc/html/lib/MochiKit/DOM.html">MochiKit.DOM</a> to manipulate the display and <a href="../../doc/html/lib/MochiKit/Async.html">MochiKit.Async</a> to facilitate the "half a second" live updating. </p> <p> The table will update while you're typing if you're idle for half a second or when you tab away from the field, whichever comes first. If you enter an invalid RegExp, the RegExp label will turn <span class="error">red</span> (the "error" class). For a good JavaScript's RegExp reference, see <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Regular_Expressions">Regular Expressions</a> over at <a href="http://developer.mozilla.org">DevMo</a>. </p> </div> <form id="regexp_form"> <table class="form"> <col class="column1"> <col class="column2"> <tbody> <tr> <th><label id="lab_text" for="inp_text">Input Text:</label></th> <td><input id="inp_text" name="text" type="text" class="textbox" size="80" /></td> </tr> <tr> <th><label id="lab_regexp" for="inp_regexp">RegExp:</label></th> <td><input id="inp_regexp" name="regexp" type="text" class="textbox" size="80" /></td> </tr> <tr> <th></th> <td><input type="reset" value="Clear" /></td> </tr> </tbody> </table> </form> <div> View Source: [ <a href="index.html" class="view-source">index.html</a> | <a href="mochiregexp.js" class="view-source">mochiregexp.js</a> ] </div> <table class="datagrid"> <thead> <tr> <th>Property</th> <th>Result</th> <th>Repr</th> </tr> </thead> <tfoot class="invisible"><tr><td colspan="3"></td></tr></tfoot> <tbody id="result_body"><tr><td colspan="3"></td></tr></tbody> </table> </body> </html>