How to use the @angular/forms.Validators function in @angular/forms

To help you get started, we’ve selected a few @angular/forms examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github eosrio / simpleos / src / app / dynamic-form-builder / dynamic-form-builder.component.js View on Github external
DynamicFormBuilderComponent.prototype.ngOnInit = function () {
        var fieldsCtrls = {};
        for (var _i = 0, _a = this.fields; _i < _a.length; _i++) {
            var f = _a[_i];
            // console.log(f);
            if (f.type === 'text') {
                if (f.typeDef === 'name' || f.typeDef === 'account_name') {
                    var unamePattern = '^([a-z]|[1-5])+$';
                    fieldsCtrls[f.name] = new forms_1.FormControl(f.value || '', [forms_1.Validators.pattern(unamePattern), forms_1.Validators.maxLength(12)]);
                }
                else {
                    fieldsCtrls[f.name] = new forms_1.FormControl(f.value || '');
                }
            }
            else {
                var opts = {};
                console.log(f.options);
                for (var _b = 0, _c = f.options; _b < _c.length; _b++) {
                    var opt = _c[_b];
                    opts[opt.key] = new forms_1.FormControl(opt.value);
                }
                fieldsCtrls[f.name] = new forms_1.FormGroup(opts);
            }
        }
        this.form = new forms_1.FormGroup(fieldsCtrls);
github eosrio / simpleos / src / app / dashboard / send / send.component.js View on Github external
this.selectedToken = {};
        this.selectedEditContact = null;
        this.selectedDeleteContactName = '';
        this.knownExchanges = [
            'bitfinexdep1', 'krakenkraken', 'chainceoneos',
            'huobideposit', 'zbeoscharge1', 'okbtothemoon',
            'gateiowallet', 'eosusrwallet', 'binancecleos'
        ];
        this.memoMsg = 'optional';
        this.sendModal = false;
        this.newContactModal = false;
        this.contactExist = true;
        this.fromAccount = '';
        this.busy = false;
        this.sendForm = this.fb.group({
            token: [aService.activeChain['symbol'], forms_1.Validators.required],
            // token: ['EOS', Validators.required],// CSTAM
            to: ['', forms_1.Validators.required],
            amount: ['', forms_1.Validators.required],
            memo: [''],
            add: [false],
            alias: [''],
        });
        this.contactForm = this.fb.group({
            account: ['', forms_1.Validators.required],
            name: ['', forms_1.Validators.required],
        });
        this.searchForm = this.fb.group({
            search: ['']
        });
        this.confirmForm = this.fb.group({
            pass: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
github eosrio / simpleos / src / app / dashboard / acc_resources / resources.component.js View on Github external
});
        this.dataDT = [];
        this.dataVAL = [];
        this.ram_chartMerge = [];
        this.wrongpassbuy = '';
        this.wrongpasssell = '';
        this.wrongpassundelegate = '';
        this.wrongpassdelegate = '';
        this.errormsg = '';
        this.errormsg2 = '';
        this.errormsgeos = '';
        this.errormsgD = '';
        this.errormsgD2 = '';
        this.errormsgD3 = '';
        this.ramMarketFormBuy = this.fb.group({
            buyBytes: [0, forms_1.Validators.required],
            buyEos: [0],
            accountBuy: ['to this account', forms_1.Validators.required],
            anotherAcc: ['']
        });
        this.delegateForm = this.fb.group({
            netEos: [0, forms_1.Validators.compose([forms_1.Validators.required, forms_1.Validators.pattern('^(0*[1-9][0-9]*(\.[0-9]+)?|0+\.[0-9]*[1-9][0-9]*)$')])],
            cpuEos: [0, forms_1.Validators.compose([forms_1.Validators.required, forms_1.Validators.pattern('^(0*[1-9][0-9]*(\.[0-9]+)?|0+\.[0-9]*[1-9][0-9]*)$')])],
            receiverAcc: ['', forms_1.Validators.required]
        });
        this.ramMarketFormSell = this.fb.group({
            sellEos: [0],
            sellBytes: [0, forms_1.Validators.required]
        });
        this.passBuyForm = this.fb.group({
            pass: ''
        });
github DanWahlin / Angular-NodeJS-MongoDB-CustomersService / src / public / app / customers / customer-edit-reactive.component.js View on Github external
CustomerEditReactiveComponent.prototype.buildForm = function () {
        this.customerForm = this.formBuilder.group({
            firstName: [this.customer.firstName, forms_1.Validators.required],
            lastName: [this.customer.lastName, forms_1.Validators.required],
            gender: [this.customer.gender, forms_1.Validators.required],
            email: [this.customer.email, [forms_1.Validators.required, validation_service_1.ValidationService.emailValidator]],
            address: [this.customer.address, forms_1.Validators.required],
            city: [this.customer.city, forms_1.Validators.required],
            stateId: [this.customer.stateId, forms_1.Validators.required]
        });
    };
    CustomerEditReactiveComponent.prototype.getStates = function () {
github eosrio / simpleos / src / app / dashboard / vote / vote.component.js View on Github external
this.unstakeTime = '';
        this.stakeModal = false;
        this.voteModal = false;
        this.busy = false;
        this.totalBalance = 0;
        this.stakedBalance = 0;
        this.wrongpass = '';
        this.stakerr = '';
        this.fromAccount = '';
        this.stakedisabled = true;
        this.singleSelectionBP = {
            name: ''
        };
        this.selectedBPs = [];
        this.passForm = this.fb.group({
            pass: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
        });
        this.passFormStake = this.fb.group({
            pass: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
        });
        this.options = {
            geo: {
                map: 'world',
                roam: false,
                left: 0,
                right: 0,
                silent: true,
                aspectScale: 1,
                itemStyle: {
                    normal: {
                        borderColor: '#1076a1',
                        color: '#17181c'
github eosrio / simpleos / src / app / dashboard / settings / config.component.js View on Github external
this.autoBackup = false;
        this.timetoclose = this.pkExposureTime;
        this.endpointModal = false;
        this.logoutModal = false;
        this.chainModal = false;
        this.confirmModal = false;
        this.pinModal = false;
        this.clearPinModal = false;
        this.clearContacts = false;
        this.changePassModal = false;
        this.importBKModal = false;
        this.exportBKModal = false;
        this.viewPKModal = false;
        this.showpk = false;
        this.passForm = this.fb.group({
            oldpass: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
            matchingPassword: this.fb.group({
                pass1: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
                pass2: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
            })
        });
        this.pinForm = this.fb.group({
            pin: ['', forms_1.Validators.required],
        });
        this.exportForm = this.fb.group({
            pass: ['', forms_1.Validators.required],
            customExportBK: ['', forms_1.Validators.required],
        });
        this.importForm = this.fb.group({
            pass: ['', forms_1.Validators.required],
            customImportBK: ['', forms_1.Validators.required],
        });
github junkerm / specmate / bundles / specmate-ui-core / webcontent / app / modules / forms / modules / generic-form / base / simple-input-form-base.js View on Github external
SimpleInputFormBase.prototype.buildFormGroupObject = function (modelElement, fields) {
        var formGroupObject = {};
        for (var i = 0; i < fields.length; i++) {
            var currentField = fields[i];
            formGroupObject[currentField] = new forms_1.FormControl(modelElement[currentField], forms_1.Validators.required);
        }
        return new forms_1.FormGroup(formGroupObject);
    };
    SimpleInputFormBase.prototype.updateModelPropertiesIfChanged = function (modelElement, fields) {
github eosrio / simpleos / src / app / landing / landing.component.js View on Github external
path: 'assets/logoanim.json',
            autoplay: false,
            loop: false
        };
        this.network.networkingReady.asObservable().subscribe(function (status) {
            _this.busy = !status;
        });
        this.publicEOS = '';
        this.passform = this.fb.group({
            matchingPassword: this.fb.group({
                pass1: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
                pass2: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
            })
        });
        this.pvtform = this.fb.group({
            private_key: ['', forms_1.Validators.required]
        });
        this.passformexodus = this.fb.group({
            matchingPassword: this.fb.group({
                pass1: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
                pass2: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
            })
        });
        this.importForm = this.fb.group({
            pass: [''],
            customImportBK: ['', forms_1.Validators.required],
        });
        this.refundForm = this.fb.group({
            account: ['', forms_1.Validators.required],
            memo: ['', forms_1.Validators.required]
        });
    }
github eosrio / simpleos / src / app / landing / landing.component.js View on Github external
this.endpoint = '';
        this.total_amount = 1;
        this.memo = '';
        this.busyActivekey = false;
        this.lottieConfig = {
            path: 'assets/logoanim.json',
            autoplay: false,
            loop: false
        };
        this.network.networkingReady.asObservable().subscribe(function (status) {
            _this.busy = !status;
        });
        this.publicEOS = '';
        this.passform = this.fb.group({
            matchingPassword: this.fb.group({
                pass1: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
                pass2: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
            })
        });
        this.pvtform = this.fb.group({
            private_key: ['', forms_1.Validators.required]
        });
        this.passformexodus = this.fb.group({
            matchingPassword: this.fb.group({
                pass1: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]],
                pass2: ['', [forms_1.Validators.required, forms_1.Validators.minLength(10)]]
            })
        });
        this.importForm = this.fb.group({
            pass: [''],
            customImportBK: ['', forms_1.Validators.required],
        });
github ng-vcl / ng-vcl / dist / demo / components / form / form.component.js View on Github external
selected: false
            }
        ];
        this.tokenList2 = [
            {
                label: 'alice',
                selected: false
            },
            {
                label: 'bob',
                selected: false
            }
        ];
        this.form = this.fb.group({
            myname: ['', forms_1.Validators.required],
            myname2: ['', forms_1.Validators.required],
            itemselect: [''],
            myradio: [''],
            mydropdown: [''],
            mycheckbox: ['', forms_1.Validators.required],
            flip: [''],
            tokenlist: [''],
            tokeninput: [this.tokenList2],
            datepick: [''],
            slider: [80]
        }, {
            validator: equalInputMatcher
        });
        this.form.patchValue({
            myname: 'Steven'
        });
    }