angular js on enter prevent submit

Question

I am new to angular js and I am developing a form which has many input fields and two buttons- one for cancel and another one for submitting the form.

i am having a ng-submit="" on the form tag to recognize if the form is submitted and show some error messages.

Problem i am facing is when i click on enter 'cancel' button is triggered. How do i prevent this? I tried adding type=input on the button but it does not work.

<button type="button" ng-click="function">Cancel</button>

I cannot change the button tag to input tag as i am applying some styles and i am losing them if i change the tag.

How do I achieve this?

Thanks in advance.

UPDATE:

below is the code for button.

<div class="button-group-right" style="width:49%; float:left">
        <button  class="btn btn-large btn-tertiary btn-right" ng-click="subnmitPage()">
        <span class="btn-text">
        <span class="btn-text-container">Submit</span>
        </span>
        <span class="btn-icon">
        <i class="navigateright button-icon"></i>
        </span>
        </button>
</div>

Just a thought. You can set tabindex = 1' for submit and tabindex = 2` for cancel button in the dom. — Sajal
– Sajal, Commented May 17, 2016 at 10:45

user56690 · Accepted Answer · 2016-05-17 11:14:57Z

1

i fixed it by adding $event in my function and saying preventDefault(). code below.

in html:

 <button ng-click="subnmitPage($event)"/>

and in controller

$scope.subnmitPage=function(event){
     event.preventDefault();
}

answered May 17, 2016 at 11:14

user56690

2591 gold badge6 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

angular js on enter prevent submit

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