html表单验证元素必填,AngularJS表单验证：向用户指示必填字段

当相应的表单控件具有必需属性时,我希望我的表单标签在标签旁边显示一个红色星号.

如果需要标签的相应输入,select或textarea(标签对应的元素),我希望在页面加载期间动态地将星号附加到标签,而不是硬编码星号.

我在下面创建了指令,该指令有效.但有没有更好,更本土的方式来实现我的目标？如果div.form-group中的相应表单控件具有必需属性,则此指令查找所有div.form-group容器,并在标签后添加红色*字符.

myApp.directive('labelsRequired',function(){

return {

restrict: 'A',

require: 'ngModel',

link: function(scope, elem, attrs){

elem.find('div.form-group').each(function(i, formGroup){

var formControls = $(formGroup).find('input, select, textarea');

console.log(formControls)

if (0 !== formControls.length && undefined !== $(formControls[0]).attr('required')){

jLabel = $(formGroup).find('label');

jLabel.html(jLabel.html()+ "*");

}

})

}

});

该指令假定所有输入,选择和textareas都在div.form-group容器内.

First Name

Favorite Food

html表单验证元素必填,AngularJS表单验证：向用户指示必填字段相关推荐

基于angularjs的单页面实例_基于AngularJs的单页面程序
基于AngularJs的单页面程序在Abpzero的后台管理系统是一个AngularJs的单页面程序.当你登陆后,系统会跳转到"ApplicationController",然后 ...
如何给FormPanel表单中的元素赋值以及获取表单元素值
1.定义表单元素的name属性如下 var HLV = new Ext.form.TextField({fieldLabel: '汇率',name:'EXCHANGERATE',anchor: '30 ...
找出落单的元素 java,lintcode练习 - 落单的数（落单的数落单的数 II 落单的数 III）...
落单的数给出2*n + 1 个的数字,除其中一个数字之外其他每个数字均出现两次,找到这个数字. 样例给出 [1,2,2,1,3,4,3],返回 4 挑战一次遍历,常数级的额外空间复杂度解题思路 ...
HTML5表单新增元素与属性（form、formaction、formmethod、formenctype、formtarget、autofous、required、labels）
表单内元素的form属性表单内元素的formaction属性表单内元素的formmethod属性表单内元素的formenctype属性表单内元素的fo ...
C语言创建顺序表并插入元素详细注释
顺序表是用一组地址连续的存储单元依次存储数据元素的数据结构.顺序表是线性表的一种,线性表是最常用且最简单的一种数据结构,一个线性表是 n 个数据元素的有限序列.我们使用 c 语言来创建顺序表并插入元素 ...
angularjs php登录验证,AngularJs表单验证的方法
Anjularjs表单验证能够根据用户在表单中输入的内容给出实时视觉反馈是非常重要的.在人与人沟通的语境中,表单验证给出来的反馈同获得正确输入同等重要. 表单验证不仅能给用户提供有用的反馈,同时也能 ...
angularjs表单验证_AngularJS表单验证
angularjs表单验证 We have updated this article for Angular 1.3 and the new ng-touched feature. 我们已经为Angu ...
表单必填_forms. 表单（中）
, 输入框有什么问题?他的基本要素有哪些,和他关联的内容有哪些,在设计输入框的时候要注意哪些问题? 输入框的类型输入框有很多种类:数字输入,密码输入.文本输入.标签录入. 也有很多状态:普通状态.悬 ...
angularJS 表单验证
通过angularJS 进行的表单验证需要在表单中设置novalidate属性 novalidate 属性在应用中不是必须的,但是你需要在 AngularJS 表单中使用,用于重写标准的 HTML5 ...

html表单验证元素必填,AngularJS表单验证：向用户指示必填字段

html表单验证元素必填,AngularJS表单验证：向用户指示必填字段相关推荐

最新文章

热门文章