Angularjs dynamic ng-pattern validation

No quitando nada de la impresionante respuesta de Nikos, tal vez puedas hacer esto más simplemente:

<form name="telForm">
  <input name="cb" type='checkbox' data-ng-modal='requireTel'>
  <input name="tel" type="text" ng-model="..." ng-if='requireTel' ng-pattern="phoneNumberPattern" required/>
  <button type="submit" ng-disabled="telForm.$invalid || telForm.$pristine">Submit</button>
</form>

Preste atención a la segunda entrada: Podemos usar un ng-if para controlar el renderizado y la validación en formularios. Si la variable requireTel no está configurada, la segunda entrada no solo se ocultará, sino que no se renderizará en absoluto, por lo que el formulario pasará la validación y el botón se habilitará, y obtendrá lo que necesita.

Patrón usado:

 ng-pattern="/^\d{0,9}(\.\d{1,9})?$/"

Archivo de referencia utilizado:

 '<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>'

Ejemplo de Entrada:

 <input type="number" require ng-pattern="/^\d{0,9}(\.\d{1,9})?$/"><input type="submit">

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>

<input type="number" require ng-pattern="/^\d{0,9}(\.\d{1,9})?$/"><input type="submit">

Me encontré con esto el otro día.

Lo que hice, que parece más fácil que lo anterior, es establecer el patrón en una variable en el alcance y referirme a él en ng-patrón en la vista.

Cuando "la casilla de verificación está desactivada" simplemente establezco el valor regex a /.* / en la devolución de llamada onChanged (si va a desmarcado). ng-pattern recoge ese cambio y dice "OK, tu valor está bien". El formulario ahora es válido. También eliminaría los datos incorrectos del campo para que no tenga un mal aparente teléfono # sentado allí.

Tuve problemas adicionales en torno a ng-required, e hice lo mismo. Funcionó a las mil maravillas.

Establece la clave de error de validación del patrón si ngModel view viewValue no coincide con una expresión regular encontrada al evaluar la expresión Angular dada en el valor del atributo. Si la expresión se evalúa como un objeto RegExp, se usa directamente. Si la expresión se evalúa como una cadena, se convertirá en una expresión regular después de envolverla en caracteres ^ y characters.

Parece que una respuesta más votada en esta pregunta debe actualizarse, porque cuando la pruebo, no se aplica test la función y la validación no funcionan.

Ejemplo de Angular docs funciona bien para mí:

Modificando validadores integrados

Html

<form name="form" class="css-form" novalidate>
  <div>
   Overwritten Email:
   <input type="email" ng-model="myEmail" overwrite-email name="overwrittenEmail" />
   <span ng-show="form.overwrittenEmail.$error.email">This email format is invalid!</span><br>
   Model: {{myEmail}}
  </div>
</form>

Js

var app = angular.module('form-example-modify-validators', []);

app.directive('overwriteEmail', function() {
    var EMAIL_REGEXP = /^[a-z0-9!#$%&'*+/=?^_`{|}~.-]+@example\.com$/i;

    return {
        require: 'ngModel',
        restrict: '',
        link: function(scope, elm, attrs, ctrl) {
            // only apply the validator if ngModel is present and Angular has added the email validator
            if (ctrl && ctrl.$validators.email) {

                // this will overwrite the default Angular email validator
                ctrl.$validators.email = function(modelValue) {
                    return ctrl.$isEmpty(modelValue) || EMAIL_REGEXP.test(modelValue);
                };
             }
         }
     };
 });

Émbolo

Puede usar el sitio https://regex101.com / para construir su propio patrón específico para algún país:

Por ejemplo, Polonia:

-pattern = xxxxxxxxx OR xxx-xxx-xxx OR xxx xxx xxx 
-regexp ="^\d{9}|^\d{3}-\d{3}-\d{3}|^\d{3}\s\d{3}\s\d{3}"