custom validation in angularJS

Question

I am new to AngularJS.

In the following fiddle, when user clicks on "This submit triggers validation. But I wanted to put this button at the end of the page" button. I could see alert/error but I want to show a custom message, which I am struggling to do it.

Header inputs:
    <input type="name" ng-model="sample" required/>
    <input type="name" ng-model="sampleX" required/>

    <input type="submit" value="This submit triggers validation. But I wanted to put this button at the end of the page"/>
</form>

<hr/>

Some other form here. Think line items

<hr />
<a class="btn" ng-click="triggerSubmit()">Wanted this submit to trigger the validation to the form on which this button doesn't belong, e.g. trigger to header</a>

js fiddle link http://jsfiddle.net/unWF3/6/

Thanks,
Kalyan Basa

just added the fiddle.

Kalyan Basa
– Kalyan Basa

2013-03-20 10:01:09 +00:00
Commented Mar 20, 2013 at 10:01 — Kalyan Basa
– Kalyan Basa, Commented Mar 20, 2013 at 10:01

Dmytro Evseev · Accepted Answer · 2013-03-20 13:26:57Z

2

To disable native browser validation add novalidate attribute to form element:

    <form novalidate submit-on="myEvent" ng-submit="onSubmitted()">

answered Mar 20, 2013 at 13:26

Dmytro Evseev

11.6k3 gold badges36 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

custom validation in angularJS

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