vendors/img/ajax-loader.gif
views/js_validate/field.ctp
@@ -1,18 +1,43 @@
<?php
class JsValidateController extends JsValidateAppController {
var $name = 'JsValidate';
- var $helpers = array('JsValidate.Validation');
-
+ var $helpers = array('Javascript', 'JsValidate.Validation');
+ var $components = array('RequestHandler');
+
function beforeFilter() {
- if (Configure::read('debug') < 1) {
- die(__('Debug setting does not allow access to this url.', true));
- }
+
}
+
+ function field($fieldId) {
+ Configure::write('debug', 0);
+
+ $modelName = array_shift(array_keys($this->data));
+ $Model = ClassRegistry::init($modelName);
+ $Model->data = $this->data;
+
+ $fieldName = array_shift(array_keys(array_shift($this->data)));
+
+ $output = array('field' => $fieldId);
+ $output['result'] = $Model->validates(array('fieldList' => array($fieldName)));
+
+ $errors = $Model->validationErrors;
+ if($errors) {
+ $output['message'] = array_pop($errors);
+ }
+
+ $this->set('output', $output);
+ }
function test() {
+ if (Configure::read('debug') < 1) {
+ die(__('Debug setting does not allow access to this url.', true));
+ }
}
function test_min() {
+ if (Configure::read('debug') < 1) {
+ die(__('Debug setting does not allow access to this url.', true));
+ }
}
}
controllers/js_validate_controller.php
@@ -14,7 +14,13 @@
var options = null;
$.fn.validate = function(rules, opts) {
options = $.extend({}, $.fn.validate.defaults, opts);
-
+
+ $.each(opts.watch, function(fieldId) {
+ $("#" + opts.watch[fieldId]).change(function() {
+ $.fn.validate.ajaxField($(this));
+ });
+ });
+
return this.each(function() {
$this = $(this);
$this.submit(function() {
@@ -153,21 +159,54 @@
return true;
};
+
+ $.fn.validate.ajaxField = function($field) {
+ $.fn.validate.clearError($field);
+ $.fn.validate.ajaxBeforeFilter($field);
+
+ var data = new Object;
+ data[$field.attr("name")] = $field.val();
+ $.post(options.root + "js_validate/field/" + $field.attr("id"), data,
+ function(validates) {
+ $.fn.validate.ajaxAfterFilter($("#" + validates.field));
+ if(!validates.result) {
+ $.fn.validate.setError(validates.field, validates.message);
+ }
+ },
+ "json");
+ }
+
+ $.fn.validate.ajaxBeforeFilter = function($field) {
+ $field.after("<img class=\"ajax-loader\" src=\"" + options.root + "js_validate/img/ajax-loader.gif\">");
+ }
+
+ $.fn.validate.ajaxAfterFilter = function($field) {
+ $field.siblings(".ajax-loader").remove();
+ }
+
+ $.fn.validate.clearError = function($field) {
+ if(typeof $field == "string") {
+ $field = $("#" + field);
+ }
+
+ $field.removeClass("form-error")
+ .parents("div:first").removeClass("error")
+ .children(".error-message").remove();
+ }
$.fn.validate.setError = function(field, message) {
- //add the form-error class to the input
$("#" + field).addClass("form-error")
.parents("div:first").addClass("error")
.append('<div class="error-message">' + message + '</div>');
};
-
+
$.fn.validate.beforeFilter = function() {
if(options.messageId != null) {
$("#" + options.messageId).html("")
.slideDown();
}
- $(".error-message").hide();
+ $(".error-message").remove();
$("input").removeClass("form-error");
$("div").removeClass("error")
};
vendors/js/jquery.validation.js
@@ -29,9 +29,9 @@ class ValidationHelper extends Helper {
var $whitelist = false;
function bind($modelNames, $options=array()) {
- $defaultOptions = array('form' => 'form', 'inline' => true, 'messageId' => null);
+ $defaultOptions = array('form' => 'form', 'inline' => true, 'messageId' => null, 'root' => Router::url('/'), 'watch' => array());
$options = am($defaultOptions, $options);
- $pluginOptions = array_intersect_key($options, array('messageId' => true));
+ $pluginOptions = array_intersect_key($options, array('messageId' => true, 'root' => true, 'watch' => true));
//load the whitelist
$this->whitelist = Configure::read('javascriptValidationWhitelist');
@@ -96,9 +96,15 @@ class ValidationHelper extends Helper {
}
}
}
+
+ if(!empty($pluginOptions['watch'])) {
+ $pluginOptions['watch'] = $this->__fixWatch($modelName, $pluginOptions['watch']);
+ }
}
+
- if ($options['form']) {
+
+ if ($options['form']) {
$js = sprintf('$(function() { $("%s").validate(%s, %s) });',
$options['form'],
$this->Javascript->object($validation),
@@ -240,5 +246,18 @@ class ValidationHelper extends Helper {
return array('rule' => $rule, 'params' => $params);
}
+
+ function __fixWatch($modelName, $fields) {
+ foreach($fields as $i => $field) {
+ if (strpos($field, '.') !== false) {
+ list($model, $field) = explode('.', $field);
+ $fields[$i] = ucfirst($model) . ucfirst($field);
+ } else {
+ $fields[$i] = $modelName . ucfirst($field);
+ }
+ }
+
+ return $fields;
+ }
}
?>
\ No newline at end of file
views/helpers/validation.php
732b8adae5e728a43568580393fb39cd8557a0f9
Matt Curry
matt@pseudocoder.com
http://github.com/mcurry/js_validate/commit/af33da75a8a631176831929b95dfcd9b38a207c4
af33da75a8a631176831929b95dfcd9b38a207c4
2009-07-07T20:32:01-07:00
2009-07-07T20:32:01-07:00
built in ajax validation
1abb98002d8f98d01acc67caf4b414cceda407c2
Matt Curry
matt@pseudocoder.com