Angularjs 角度JS验证在CSHTML中不起作用(Razor)
我正在尝试使用AngularJS验证cshtml中的输入控件。它在CSHTML中不起作用,但在普通HTML页面中起作用。有什么办法解决这个问题吗 我的代码如下所示:Angularjs 角度JS验证在CSHTML中不起作用(Razor),angularjs,asp.net-mvc,Angularjs,Asp.net Mvc,我正在尝试使用AngularJS验证cshtml中的输入控件。它在CSHTML中不起作用,但在普通HTML页面中起作用。有什么办法解决这个问题吗 我的代码如下所示: <form ng-app novalidate ng-submit="addRow()"> <div class="control-group" ng-class="{true: 'error'}[submitted && form.email.$invalid]">
<form ng-app novalidate ng-submit="addRow()">
<div class="control-group" ng-class="{true: 'error'}[submitted && form.email.$invalid]">
<label class="col-md-2 control-label" for="email">Email</label>
<div class="col-md-4">
<input type="email" name="email" class="form-control" ng-model="email" required />
<span class="text-danger" ng-show="submitted && form.email.$error.required">Required</span>
<span class="text-danger" ng-show="submitted && form.email.$error.email">Invalid email</span>
</div>
</div>
</div>
电子邮件
要求的
无效电子邮件
//试试这个
电子邮件
必修的。
您的ng类不正确。请将formName.$submitted改为submitted,不要忘记将表单名称添加到表单标记中。您应该将名称
属性添加到表单
元素,如name=“form”
,我也找不到一个地方,你已经切换了submitted
flag.。你能在不丢失字符的情况下发布整个csHtml代码吗。。?
//try this
<form name="myForm" novalidate ng-submit="addRow()">
<label class="col-md-2 control-label" for="email">Email</label>
<div class="col-md-4">
<input type="email" name="email" class="form-control" ng-model="email" required />
<span data-ng-show="myForm.email.$error.required && (myForm.email.$dirty || submitted)" class="help-block">Required.</span>
</div>
</form>