CiviCRM Community Forums (archive)

Hi there

I'm having trouble adding validation to some edit in-place fields.
I'm using views to display some contact's email-addresses, and I've enabled edit in-place for the fields. I've been trying to add validation to the fields, but I cannot wrap my head around how to do it properly.
My fields look like this:
<span class="crm-entity" id="email-768"><span class="crmf-email crm-editable crm-editable-enabled" title="Click to edit...">myemail@mydomain.com</span></span>
And as you can see civicrm have added the "crm-editable-enabled"-class.
I can do something like this in a custom js file added to the site:

cj('.crmf-email').click(function() {
  cj(".crmf-email form").validate({
    rules: {
      value: {
        required: true,
        email: true
      }
    }
  });
});

Then the form gets loaded to look like this, where you can see the jQuery validation plugin is loaded:
<form novalidate="novalidate"><input autocomplete="off" name="value" style="width: 140px; height: 16px;"></form>

The validation plugin should by default validate on keyup, but it doesn't - nomatter if I specify it or not. I've tried to add type="email" as an attribute to the input, and also adding id="value" (same as name, which is given by civcirm), but that doesn't help.
The validation plugin does validate on submit, but the form get's submitted no matter what I write in it (valid or not) - if it's an invalid email-address it briefly displays the "Please enter a valid email address."-message, but the invalid email still gets submitted.

I cannot find anywhere in the docs/wiki/code that describes how to use the validation plugin for a case like this. Is there perhaps some obvious way I have overlooked?
If not an obvious way, can someone guide me to where/what I should change to enable validation on the form before submit? I've tried to take look at the civicrm/js/jquery/jquery.crmeditable.js - but I'm no js-expert, so I cannot figure out where to add the validation, if it should be there.

Thanks in advance for pointers/help/comments

curious - are you using
https://drupal.org/project/editablefields
https://drupal.org/project/editableviews
or someother magic sauce

Some additional info would be much appreciated - is this suggesting there is now a class that can be applied to a field in Views to that renders the field 'editable' with the resulting edit being saved back in to the civi db?

If so how do i do this (my attempts are failing)

Thanks both - will conclude that this is not happening in Drupal VIEWS and that the use of the word 'view' shouldn't have set my nerves trembling in anticipation

If the needed js are loaded (seems they are), it's indeed simply a matter of adding 3 classes and one id.

If possible and contrary to the initial example, it'd be better to put the entity and id on the row and the field on the td (or span inside, but not sure what would be the benefit). If you mix several entities (eg contact at the row and email as a separate column, this is the right way indeed)

so if you can adjust views to output

<tr class="crm-entity" id="email-768">
<td>primary<td>
<td class="crmf-email crm-editable">myemail@mydomain.com</td>
</tr>


Not sure how much your nerves are going to tremble after that, but you should be all edited in place. 

Could you check it it's already possible to easily integrate the two plugins we use? jeditable and validate. It's probably simple to adjust the submit so it doesn't if the validation has failed

X+