Extending Client side validation to build custom form validations.

Hi attiks & Jelle_S,

First of all lot's of thanks for you creation of new hook to extend our custom rule. It's very useful for me. I have one issue. Following is the code i wrote.

In hook_form

$form['field_4_ownrule'] = array(
                  '#type' => 'textfield',
                  '#title' => 'My Field4',
                  '#required' => TRUE,
                  '#rules' => array(
                    'numeric_own',
                    ),
                  );

  $form['field_5'] = array(
                  '#type' => 'textfield',
                  '#title' => 'My Field5',
                  '#required' => FALSE,
                  '#rules' => array(
                    'max_length_own',
                    ),
                  );

In hook_fapi_validation_rules()

function imorph_form_fapi_validation_rules() {
  return array(
    'numeric_own' => array(
      'callback' => 'imorph_form_validation_rule_numeric',
      'error_msg' => t('You Use only numbers at %field.')
    ),
    'max_length_own' => array(
      'callback' => 'imorph_form_validation_rule_max_length',
      'error_msg' => t('You Use only 10 numbers at %field.')
    ),
  );
}

In Rules definition

function imorph_form_validation_rule_numeric($value){
  if(is_numeric($value)){
    return TRUE;
  }
  else{
    return FALSE;
  }
}

function imorph_form_validation_rule_max_length($value){
  if(is_numeric($value)){
    return TRUE;
  }
  else{
    return FALSE;
  }
}

Implementation of hook_form_clientside_validation_rule_alter()

function imorph_form_clientside_validation_rule_alter(&$js_rules, $element, $context) {

  switch ($context['type']) {
    case 'fapi':
      if ($context['rule']['callback'] == 'imorph_form_validation_rule_max_length') {
        _imoprh_form_set_max_length($element['#name'], $element['#title'], $decimalpoint, &$js_rules);
      }
      if ($context['rule']['callback'] == 'imorph_form_validation_rule_numeric') {
        _imoprh_form_set_number($element['#name'], $element['#title'], $decimalpoint, &$js_rules);
      }
    break;

    default:

    break;
  }
}

Define Error message

function _imoprh_form_set_number($name, $title, $decimalpoint, &$js_rules){
  $title = variable_get('clientside_validation_prefix', '') . $title . variable_get('clientside_validation_suffix', '');
  $js_rules[$name]['digits_negative'] = TRUE;
  $js_rules[$name]['messages']['digits_negative'] = t('Youuuuuuuuuuuu Use only numbers at !field.', array('!field' => $title));
}

function _imoprh_form_set_max_length($name, $title, $decimalpoint, &$js_rules){
  $title = variable_get('clientside_validation_prefix', '') . $title . variable_get('clientside_validation_suffix', '');
  $js_rules[$name]['sarav'] = TRUE;
  $js_rules[$name]['messages']['sarav'] = t('You can not exceed 10 characters for !field.', array('!field' => $title));
}

I created two custom rules,
1. numeric_own
2. max_length_own

By using the Rule1, all the functionality is working fine. But in the Rule2 client side validation is not working.

Can you guide what is the mistake in the above code.

Thanks & Regards
Sarav.

Hi Jelle_S,

Lot's of thanks for your reply. I didn't put any java script function or file for any custom rule. In the above post i created two custom rule.

Rule 1: numeric_own
Rule 2: max_length_own

For both rule i didn't create any java script function or file.

Rule 1 working fine (both Client side and Server side validation), but Rule 2 not working in Server side only.

I didn't know how to add java script function or file for custom rule. Can you guide me how to add java script function for custom validation.

I saw @ http://drupal.org/node/1286870, but i didn't understand how java script it's works.

Thanks & Regards
Sarav.

Hi Jelle_S,

Thanks a lot for your immediate reply. I will try the above method.

Thanks & Regards
Sarav..

Now i close the code tag

Hi attiks,

I need some help. I want do my custom required validation using Clientside validation form.

Form definition.

$form['rec_groups'] = array(
      '#title' => t('Communities'),
      '#type' => 'select',
      '#multiple' => 3,
      '#options' => $options,
      '#prefix' => '<div class="rec-groups" style="display:none">',
      '#suffix' => '</div>',
      '#rules' => array('select_comm'),
      );

I added a Select field with multiple values.

My Rule name is 'select_comm'.

Implementation of hook_fapi_validation_rules()

function hook_fapi_validation_rules() {
  return array(
    'select_comm' => array(
      'callback' => 'recommend_validation_check_communities',
      'error_msg' => t('%field not selected'),
    ),
  );
}

Definition of recommend_validation_check_communities()

function recommend_validation_check_communities($value) {
    if(empty($value)) {
      return FALSE;
    }
    else {
      return TRUE;
    }
}

Implementation of hook_clientside_validation_rule_alter()

function recommend_clientside_validation_rule_alter(&$js_rules, $element, $context) {
  switch ($context['type']) {
    case 'fapi':
      if ($context['rule']['callback'] == 'recommend_validation_check_communities') {
        _recommend_set_communities($element['#name'], $element['#title'], $decimalpoint, &$js_rules);
      }
      break;
  }
}

Definition of _recommend_set_communities()

function _recommend_set_communities($name, $title, $decimalpoint, &$js_rules) {
  drupal_add_js(drupal_get_path('module', 'assignment') . '/js/assignment_validation.js');
  $title = variable_get('clientside_validation_prefix', '') . $title . variable_get('clientside_validation_suffix', '');
  $js_rules[$name]['checkcommunity'] = TRUE;
  $js_rules[$name]['messages']['checkcommunity'] = t('Must Enter a value in !field.', array('!field' => $title));

}

I also define the error function in js

jQuery.validator.addMethod("checkcommunity", function(value, element, param) {
      if (!value) {
        return false;
      }
      else {
        return true;
      }
});

The above code didn't work. Because the form field type as Multiple select field.

When using the Multiple select field the js won't call. (Attachment1, 2)

When using Select field the js will call.(Attachment3)

Can you guide me how can i solve this problem.

Thanks & Regards
Sarav..