2016-11-09 70 views
1

我正在使用AngularJS進行數據綁定,並試圖使用HTML5驗證功能驗證數據。它雖然沒有工作。下面給出的是我的代碼:使用HTML5進行角度驗證不起作用

@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> 
} 

它總是在頁面上顯示{{myForm.Title.$valid}}
請讓我知道我犯了什麼錯誤。

+0

檢查ng-app屬性。 angularjs似乎還沒有bootrapped – seyfside

+0

它正在加載。我在chrome中得到這個錯誤:Uncaught SyntaxError:在位置0的JSON中位置0的意外標記u at HTMLFormElement.l(http:// localhost:49910/Scripts/jquery.validate)Function.parse [as parseJSON]() .unobtrusive.min.js:5:392) at a.validator.e(http:// localhost:49910/Scripts/jquery-3.1.0.min.js:2:3655) –

+0

你可以在哪裏粘貼一個url我們可以直接測試網頁? – GraveyardQueen

回答

0

我找到了答案here。 簡而言之,如果需要執行驗證,則必須使用data-ng-model指令代替ng-model