Question

我正在使用spring boot和angularjs在我的html页面上显示错误消息。我正在使用HTML 5.但是，它不会在我的页面上显示任何内容。我真的不知道为什么。我在下面包含了我的代码，以便您可以查看它。

<form id="save" class="form-horizontal" role="form" ng-controller="addEmployee">
   <h4>Add a new employee</h4>
   <label for="fname">First Name:</label> <input type="text" name="fname" ng-model="fname" id="fname"/> 
   <div class="help-block" ng-messages="save.fname.$error" ng-show="save.fname.$touched">
      <div ng-messages="save.fname.$error" ng-show="save.fname.$touched">
         <div ng-message="required"> You forgot to enter your first name. </div>
      </div>
   </div>
</form>

Answer 1

您忘了添加必需的

试试这个

 <input type="text" name="fname" ng-model="fname" id="fname" required />

并且还为您的表单提供名称而不是id

喜欢这个

<form name="save" class="form-horizontal" role="form" ng-controller="addEmployee">

Answer 2

您需要进行以下更改：

为表单命名
将novalidate属性添加到表单
将所需属性添加到输入字段

<form name="save" id="save" class="form-horizontal" role="form" ng-controller="addEmployee" novalidate>

<h4>Add a new employee</h4> <label for="fname">First Name:</label> <input type="text" name="fname" ng-model="fname" id="fname" required/> <div class="help-block" ng-messages="save.fname.$error" ng-show="save.fname.$touched"> <div ng-messages="save.fname.$error" ng-show="save.fname.$touched"> <div ng-message="required"> You forgot to enter your first name. </div> </div> </div>

</form>

HTML 5上的错误消息未显示

2 个答案: