2016-11-09 17 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

check ng-app属性。 anglejsはブートストラップされていないようです – seyfside

+0

ロード中です。 Uncaught SyntaxError:JSONの位置0の予期しないトークンu Function.parse [as parseJSON]() HTMLFormElement.l(http:// localhost:49910/Scripts/jquery.validate) .unobtrusive.min.js:5:392) a.validator.e(http:// localhost:49910/Scripts/jquery-3.1.0.min.js:2:3655) –

+0

URLを貼り付けることができます私たちは直接Webページをテストできますか? – GraveyardQueen

答えて

0

答えはhereです。 要するに、バリデーションを実行する必要がある場合は、ng-modelの代わりにdata-ng-modelディレクティブを使用する必要があります。

関連する問題