Javascript 角面积验证
我有一段AngularJS代码,试图在文本区域没有文本时在标签旁边显示两颗星。相同的代码适用于输入标记,但不适用于textareaJavascript 角面积验证,javascript,angularjs,Javascript,Angularjs,我有一段AngularJS代码,试图在文本区域没有文本时在标签旁边显示两颗星。相同的代码适用于输入标记,但不适用于textarea <div class="input-left"> <label for="email"> <span ng-show="contactform.email.$error.required" class="required">*</span>Email: </label>
<div class="input-left">
<label for="email">
<span ng-show="contactform.email.$error.required" class="required">*</span>Email:
</label>
<input ng-model="email" type="text" name="email" id="email" required></br></br>
<label for="budget">Budzet:</label>
<input ng-model="budget" type="text" name="budget" id="budget">
</div>
<div class="clearboth">
<label for="msg" class="left" >
<span ng-show="contactform.msg.$error.required" class="required">**</span>Pitanja ili Komentari?
</label>
<textarea ng-model="msg" rows="8" cols="50" class="input-no-width rounded shaded left clearboth" id="msg" required></textarea>
</div>
*电邮:
布泽特:
**Pitanja ili Komentari?
根据-textarea的行为应该与输入相同。您使用
标记的问题在于它没有定义名称
属性
AngularJS使用name
属性公开验证错误
您应该这样定义您的文本区域:
<textarea ng-model="msg" name="msg" rows="8" cols="50"
class="input-no-width rounded shaded left clearboth" id="msg" required>
</textarea>
请注意,拥有
id
和ng model
不足以正确处理验证消息。在AngularJS应用程序中,id
属性通常没有多大作用,可以省略 对于表单验证,名称非常重要。给它起个名字,它应该能工作
<textarea ng-model="msg"
rows="8"
cols="50"
class="input-no-width rounded shaded left clearboth"
id="msg"
name="msg"
required>
</textarea>
谢谢。我想它用的是身份证。这对我帮助很大。但我认为同时发生了一些奇怪的事情。我可以在文本输入字段中省略name属性,验证将正常工作,但是textarea要求我在那里保留它。