Question

我有一个输入框，您必须在其中输入西班牙ID，护照或其他类型的ID，只要单击一下按钮即可进行验证。

我需要做的是使用相同的规则验证此输入，而无需提交（更改）。我为此使用 ngChange 还是 ajax ？

HTML：

<input id="identification" name="identification" type="text" ng-click="trackingLoginCtrl.showErrorCatpcha=false" class="form-control input-md" ng-model="trackingLoginCtrl.owcsDocument" required="">

<button id="submit" name="submit" ng-click="trackingLoginCtrl.validateF()"></button>

控制器功能：

validateF() {
            let vm = this;
            vm.showError = false;
            vm.showErrorCatpcha = false;
            if (vm.owcsDocument != null) {

                //Reglas de validacion
                let validChars = 'TRWAGMYFPDXBNJZSQVHLCKET';
                let nifRexp = /^[0-9]{8}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/i;
                let nieRexp = /^[XYZ]{1}[0-9]{7}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/i;
                let passRexp = /^[a-z]{3}[0-9]{6}[a-z]?$/i;
                let str = vm.owcsDocument.toString().toUpperCase();

                //Si no cumple ninguna de las estruturas error
                if (!nifRexp.test(str) && !nieRexp.test(str) && !passRexp.test(str)) {
                    vm.showError = true;
                    return false;
                }

                //Si es pasaporte pasamos la información directamente
                if (passRexp.test(str)) {
                    vm.aux(str);
                    return true;
                } else {
                    //Si es DNI/NIE validamos que la/s letra/s sean validas con la numeracion.
                    let nie = str
                        .replace(/^[X]/, '0')
                        .replace(/^[Y]/, '1')
                        .replace(/^[Z]/, '2');

                    let letter = str.substr(-1);
                    let charIndex = parseInt(nie.substr(0, 8)) % 23;

                    if (validChars.charAt(charIndex) === letter) {
                        vm.aux(str);
                        return true;
                    }
                    vm.showError = true;
                    return false;
                }
            } else {
                vm.showError = true;
                return false;
            }
        }

Answer 1

ng-change允许您评估更改输入后在控制器中插入的表达式。

与ng-blur的区别在于，当输入失去焦点时，模糊会调用函数。

由您决定要在控制器中触发功能（更改值或失去输入焦点时）。

您唯一需要做的就是在控制器中创建一个函数，该函数在输入更改时被调用。像这样：

ExecutionContext

并在您的控制器中实现功能“ evaluatePassport”的逻辑

Answer 2

您可以使用ngBlur Angular JS Validate Input而不提交

https://docs.angularjs.org/api/ng/directive/ngBlur

Angular JS验证更改后的输入

2 个答案: