Question

您好我正在开发Web应用程序。我有4个单选按钮。我正在尝试验证单选按钮。默认情况下，不应检查任何单选框。如果没有选中单选按钮，则单击提交，然后我想显示错误消息。

        <form name="payment" novalidate>
                <fieldset ng-disabled="paymentform">
                  <div class="upload-button-container">
                            <div class="upload-button bank button1">
                                <div class="upload-button-icon">
                                    <label for="visa" class="visa">
                                        <img src="images/visa.png">
                                        <input type="radio" id="visa" name="selector" ng-model="card">
                                        <span class="selector-visa"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="upload-button bank button2">
                                <div class="upload-button-icon">
                                    <label for="americanexpress" class="americanexpress">
                                        <img src="images/americanexpress.png">
                                        <input type="radio" id="americanexpress" name="selector" ng-model="card">
                                        <span class="selector-americanexpress"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
     <div class="button-container margin-top80">
    <input type="submit" value="{{ 'BACK' | translate }}" class="brown-button">
    <input type="submit" value="{{ 'NEXT' | translate }}" class="blue-button" ng-click="makepayment()">
 </div>
</fieldset>
</form>

我想在javascript文件中验证。

$scope.makepayment = function () {
                if($scope.card!=null)
                {

                }else
                {
                    toastr.error($filter('translate')('Error Occured', ''));
                }
            }

以上代码始终返回null。我可以在上面的代码中知道我缺少什么吗？任何帮助，将不胜感激。谢谢。

Answer 1

无线电输入标签中应该有一个值属性。

选中时应设置ngModel表达式的值。请注意，值仅支持字符串值，即范围模型也需要是字符串。如果您需要复杂的模型（数字，对象，......），请使用ngValue。

表单内的Angularjs单选按钮验证不起作用

1 个答案: