Angular validation with HTML5 not working

Question

I am using AngularJS for data binding and I am trying to validate data using HTML5 validation features. It is not working though. Below given is my code:

@using (Html.BeginForm("Ask", "Question", null, FormMethod.Post, new { @id = "myForm", @name = "myForm" }))
{
    <div id="divQuestionTitle">
        <label>Title</label>
        <input name="Title" type="text" ng-model="Title" required />
        {{myForm.Title.$valid}}            
    </div>
    <div id="divQuestionBody">
    </div>
    <div id="divQuestionTags">
        @Html.LabelFor(model => model.Tags)
        <ul id="singleFieldTags"></ul>
        @Html.ValidationMessageFor(model => model.Tags)
    </div>
    <div id="divQuestionSubmit">
        <input type="submit" id="submit" value="Post Your Question" name="submit"/>
    </div>
}

It always displays {{myForm.Title.$valid}} on the page.
Please let me know where I am making mistake.

check ng-app attribute. angularjs seems to have not been bootsrapped — seyfside
– seyfside, Commented Nov 9, 2016 at 7:38
It is loading. I am getting this error in chrome : Uncaught SyntaxError: Unexpected token u in JSON at position 0 at Function.parse [as parseJSON] (<anonymous>) at HTMLFormElement.l (localhost:49910/Scripts/…) at a.validator.e (localhost:49910/Scripts/jquery-3.1.0.min.js:2:3655) — gliese 581 g
– gliese 581 g, Commented Nov 9, 2016 at 8:25
Can you paste a url where we can test the web page directly? — GraveyardQueen
– GraveyardQueen, Commented Nov 10, 2016 at 9:20

Community · Accepted Answer · 2017-05-23 12:01:19Z

1

I found the answer here. In short, data-ng-model directive has to be used in place of ng-model if validation is required to be performed.

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Nov 10, 2016 at 9:00

gliese 581 g

3891 gold badge5 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Angular validation with HTML5 not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related