Core > 正規表現確認

by s_hiroshi

HTML

<form id="regexp">
    <fieldset>
        <label>Text</label><input type="text" id="text" name="text" />
    </fieldset>
    <fieldset>
        <label>Regexp</label><input type="text" id="pettern" name="pettern" />
    </fieldset>
    <fieldset>
        <label>Result</label><input type="text" id="res" name="res" />
    </fieldset>
    <fieldset>
        <input type="submit" value="match" id="submit" name="submit" />
    </fieldset>
</form>

CSS

form#regexp {
    padding: 20px 30px;
    margin: 10px;
    border: 1px solid silver;
}
#regexp fieldset {
    overflow: hidden;
    clear: left;
    margin: 0 0 15px 0;
}
#regexp label {
    float: left;
    width: 100px;
}
#regexp input {
    float: left;
    width: 350px;
    font-size: 150%;
}
#regexp input#submit {
    width: 150px;
}

JavaScript

(function() {
    $('#submit').click(function() {
        var regexp = new RegExp($('#pettern').val());
        var text = $('#text').val();
        $('#res').val(text.match(regexp));
        return false;       
    });
}());