j-Validation

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

El componente contiene el mismo código fuente que el componente j-Validate.

Configuración:

if {String} puede contener condiciones JS para evaluación
- value {Object} contiene el modelo completo
- path {String} contiene ruta modificada
- debe devolver booleano
selector {String} selector jQuery para deshabilitar (predeterminado: button[name="submit"])
delay {Number} un tiempo de espera para la validación (predeterminado: 100)
Banderas flags {String} para una mejor validación, pueden contener componentes visible,hidden,enabled,disabled
- enabled valida todos los componentes que tienen habilitados los elementos input, textarea o select.
- disabled valida todos los componentes que están deshabilitados con los elementos input, textarea o select.
- hidden valida todos los componentes que están ocultos
- visible validar todos los componentes que son visibles
track {String} puede contener rutas divididas por coma, y el cambio manual de cada ruta (a través de los métodos SET(), UPD(), INC(), etc.) evaluará la validación.
validonly {Boolean} omite el estado dirty (predeterminado: false)
NEW changes {Boolean} permite comparar cambios solo entre el modelo de entrada y el formulario (predeterminado: false)
NEW strictchanges {Boolean} habilita cambios de comparación estrictos (de lo contrario, se eliminarán los valores null, false, empty strings y 0), predeterminado: false
NEW exec {String} opcional, un enlace al function(data) que se ejecuta cuando se valida y cambia el modelo
NEW output {String} opcional, un enlace al function(valid) o ruta

Es bueno saberlo:

el componente agrega la clase ui-validate-ok al elemento si el modelo es válido
el componente agrega la clase ui-validate-no al elemento si el modelo no es válido
El componente agrega la clase ui-validate-modified al elemento si se cambia el modelo.

Úselo con <ui-component name="validation">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<!-- REMOVE -->
<ui-component name="textbox" path="model.name" config="required:true">Name</ui-component>
<br />
<br />

<!-- VALIDATION -->
<ui-component name="validation" path="model">
	<button name="submit" disabled="disabled" onclick="show_me()">SUBMIT FORM</button>
</ui-component>

<style type="text/css">
	button:disabled {
		background-color: #cccccc;
		color: #666666;
		cursor: not-allowed;
	}
</style>

<script>
    function show_me() {
        alert('ok');
    }
</script>