gpt4 book ai didi

javascript - AngularJs Radiobox 组验证

转载 作者:行者123 更新时间:2023-12-03 11:49:59 25 4
gpt4 key购买 nike

Angularjs 是否有一种简单的方法来验证已在额外指令中实例化的单选组?

验证要求:除非单击单选框之一,否则用户无法提交。

这是我的构建方法:

HTML 文档:

<ng-form name="salutationgroup">
<radiotrigger model="mrms" name="gender" value='1' label="mr" ></radiotrigger>
<radiotrigger model="mrms" name="gender" value='2' label="ms" ></radiotrigger>
</ng-form>

JS文档:

Directives.directive('radiotrigger', function() {
return {
restrict: 'E',
scope: {},
compile: function(element, attrs) {
var templateText = '<li><label><input type="radio" ng-model="' +
attrs.model + '" value="' +
attrs.value + '">' +
attrs.label + '</label></li>';

element.replaceWith(templateText);
}
};
});

非常感谢您的支持。

最佳答案

一种方法:

HTML

<ng-form name="salutationgroup">
<radiotrigger model="mrms" name="gender" value='1' label="mr"></radiotrigger>
<radiotrigger model="mrms" name="gender" value='2' label="ms"></radiotrigger>
<input type="submit" ng-disabled="!enabled"></input>
</ng-form>

指令(遵守“ng-change="enabled=true"'):

Directives.directive('radiotrigger', function() {
return {
restrict: 'E',
scope: {},
compile: function(element, attrs) {
var templateText = '<li><label><input type="radio" ng-model="' +
attrs.model + '" value="' +
attrs.value + '" ng-change="enabled=true">' +
attrs.label + '</label></li>';

element.replaceWith(templateText);
}
};

关于javascript - AngularJs Radiobox 组验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25887027/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com