0

我需要一些帮助,因为我有部分验证工作。当一个人选择一种称为 CC 的付款方式时,用户输入需要验证才能立即启动,并且不允许输入错误的号码或能够付款(按钮将被禁用)。我的问题是验证不起作用,因为当我输入第一个数字时打开按钮并且验证不起作用并且我也使用了此资源以及基于用户输入的验证

这是我的 html/angular 代码:

<label for="phone_number" class="fund-project-personal-details-label">Phone Number</label>
                            <input placeholder="Phone Number" id="phone_number" type="text" ng-model="phone_number" ng-required="selected_payment_method === 'CC'"
                            ng-pattern="phoneNumberPattern">
 <button type="submit"
                                        class="waves-effect waves-light btn-large orange white-text proceed-payment"
                                        ng-disabled="selected_payment_method == undefined || paymentForm.$invalid || selected_reward_total_amount == 0">
                                    Next: Pay
                                    <i class="fa fa-chevron-right" ng-if="!proccess_payment_spinner"></i>
                                    <div class="preloader-wrapper small active right payment-loader" ng-if="proccess_payment_spinner">
                                        <div class="spinner-layer spinner-white-only">
                                            <div class="circle-clipper left">
                                                <div class="circle"></div>
                                            </div>
                                            <div class="gap-patch">
                                                <div class="circle"></div>
                                            </div>
                                            <div class="circle-clipper right">
                                                <div class="circle"></div>
                                            </div>
                                        </div>
                                    </div>
                                </button>

这是我的 JS 代码:

$scope.phoneNumberPattern = (function() {
        let regexp = /^[07]{10,10}$/;
        let requireNumber = "selected_payment_method === 'MPESA'"
        return {
            test: function(value) {
                if( $scope.requireNumber === true)  {
                    return true;
                }
                return regexp.test(vlue);
            }
        };
    })();
4

0 回答 0