AngularJS Example:

by manishtpatel

HTML

<h1>With ngPattern model is not updating</h1>

<div ng-app>
    <div>
        <label>Name:</label>
        <form name="savemeform">
            <input type="text" name="name" ng-model="yourName" ng-pattern="/^id_[0-9]+$/" placeholder="Enter a name here" />
            <input type="submit" value="save" />
        </form>
        <p>Name = {{yourName}}!</p>
        <p>Pattern validation error {{savemeform.name.$error.required}}!</p>
    </div>
    <hr />
    
<h1>Without ngPattern</h1>

    <div>
        <div>
            <label>Name:</label>
            <form name="savemeform">
                <input type="text" ng-model="yourName2" placeholder="Enter a name here" />
                <input type="submit" value="save" />
            </form>
            <p>Name {{yourName2}}!</p>
        </div>
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> <style>