j-Validation

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Компонентът съдържа същия източник-код като компонента j-Validate.

Конфигуриране:

if {String} може да съдържа JS условие за оценка
- value {Object} съдържа цял модел
- path {String} съдържа променлив път
- Трябва да се върне Боулеан
selector {String} jQuery селектор за деактивиране (предварително: button[name="submit"])
delay {Number} за валидиране (предварително: 100)
Флагът на flags {String} за по-добра валидация може да съдържа компоненти на visible,hidden,enabled,disabled
- enabled валидира всички компоненти, които са включени в input, textarea или select елементи
- disabled валидира всички компоненти, които са деактивирани на input, textarea или select елементи
- hidden валидира всички съставки, които са скрити
- visible валидира всички компоненти, които са видими
track {String} може да съдържа пътища, разделени от коммата, и ръчна промяна на всеки път (преди SET(), UPD(), INC(), и т.н.) ще оцени валидацията
validonly {Boolean} състоянието на кораба dirty (предварително: false)
NEW changes {Boolean} позволява да се сравняват промените само между входния модел и формата (предварително: false)
NEW strictchanges {Boolean} позволява стриктно да се сравняват промените (в противен случай стойностите на null, false, empty strings и 0 ще бъдат премахнати), по подразбиране: false
NEW exec {String} опция, връзка към function(data), която се изпълнява, когато моделът е валидиран и променян
NEW output {String} опция, връзка към function(valid) или път

Добре е да се знае:

компонент добавя клас ui-validate-ok към елемента, ако моделът е валиден
компонент добавя клас ui-validate-no към елемента, ако моделът е невалиден
компонент добавя клас ui-validate-modified към елемента, ако моделът се променя

Използвайте го с <ui-component name="validation">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>