Javascript AngularJS表单:formName.$valid始终为true
我的angular应用程序中有一个表单,html代码如下所示,但是formName.$valid始终为true,即使输入字段为空Javascript AngularJS表单:formName.$valid始终为true,javascript,html,angularjs,forms,ng-messages,Javascript,Html,Angularjs,Forms,Ng Messages,我的angular应用程序中有一个表单,html代码如下所示,但是formName.$valid始终为true,即使输入字段为空 <form name="contactForm" novalidate ng-submit="processForm(formData)" autocomplete="off"> <div id="name-group" class="form-group"> <input type
<form name="contactForm" novalidate ng-submit="processForm(formData)" autocomplete="off">
<div id="name-group" class="form-group">
<input type="text" name="contactName" class="form-control" placeholder="Name*" ng-model="formData.contactName">
<!--<span class="help-block" ng-show="errorName"></span>-->
</div>
<div id="email-group" class="form-group">
<input type="email" name="contactEmail" class="form-control" placeholder="Email*" ng-model="formData.contactEmail">
<!--<span class="help-block" ng-show="errorSuperhero"></span>-->
</div>
<div id="phone-group" class="form-group">
<input type="tel" name="contactPhone" class="form-control" placeholder="Phone*" ng-model="formData.contactPhone">
<!--<span class="help-block" ng-show="errorPhone"></span>-->
</div>
<div id="content-group" class="form-group">
<textarea rows="5" cols="50" name="contactMessage" class="form-control" placeholder="Message" ng-model="formData.contactMessage"></textarea>
<!--<span class="help-block" ng-show="errorContent"></span>-->
</div>
<div class="btn-block">
<button type="submit" ng-disabled="contactForm.formData.$invalid" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-share-alt"></span> Submit!
</button>
<button ng-disabled="contactForm.formData.$dirty" type="reset" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-refresh"></span> Reset!
</button>
</div>
</form>
提交
重置!
有人能帮我吗 您没有对任何元素设置验证,因此表单始终有效。如果希望某个字段不为空,可以通过以下方式实现:
<input type="text" name="contactName" class="form-control" placeholder="Name*" ng-model="formData.contactName" required>
您没有对任何元素设置验证,因此表单始终有效。如果希望某个字段不为空,可以通过以下方式实现:
<input type="text" name="contactName" class="form-control" placeholder="Name*" ng-model="formData.contactName" required>