Form validation angularjs inside ng-template script

Question

I want to validate name field in this code..

<script type="text/ng-template" id="add.html">
    <div class="modal-header">
        <h3 class="modal-title">ADD</h3>
    </div>
    <div class="modal-body">
        <table class="add-table">
            <form name="myForm">
                <tr>
                    <div class="form-group">
                        <td>
                            <label>name:</label>
                        </td>
                        <td>
                            <input type="text" name="name" ng-model="user.name"
                                placeholder="Name" required=""></input>
                            <span class="error" ng-show="myForm.name.$dirty">Required</span>
                        </td>
                    </div>
                </tr>
            </form>

        </table>
    </div>
</script>

The expression myForm.name.$dirty does not evaluate and return any value. What am I doing wrong here?

<span class="error" ng-show="myForm.name.$dirty">Required</span> ng-show="myForm.name.$dirty" never become true. $dirty,$error never evaluate. — Tayyab Sarwar
– Tayyab Sarwar, Commented Jan 21, 2015 at 6:39

ihsan · Accepted Answer · 2015-01-21 10:12:41Z

2

Try moving your <table> inside the <form>.
Also try using $invalid instead of $dirty.

answered Jan 21, 2015 at 10:12

ihsan

7072 gold badges9 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Form validation angularjs inside ng-template script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related