Forums

My contactform is not validating with the required fields. it only gives a system error message on email field, rest of fields not.

Anybody an idee of the problem?

Thank you!

Hi Mgringo,

Please post a link to the form so I can take a quick look.

Bob

Hi Bob, First I want to wish you a happy new year !!!

i cant send you a link because it's local on my machine... I can give you the source ...

<form name="ChronoContact_contactformulierPPI" id="ChronoContact_contactformulierPPI" method="post" action="index.php?option=com_chronocontact&task=send&chronoformname=contactformulierPPI&Itemid=29">
		
				<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Aanhef</label>

    <div class="float_left">
      <input value="De heer" title="verplicht!" class="radio validate-one-required" id="radio00" name="radio0" type="radio">
      <label for="radio00" class="radio_label">De heer</label>
      <br>
      
<input value="Mevrouw" title="verplicht!" class="radio validate-one-required" id="radio01" name="radio0" type="radio">
      <label for="radio01" class="radio_label">Mevrouw</label>
      <br>
      

    </div>

    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Voornaam</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Verplicht!" id="text_2" name="Voornaam" type="text">
  
  </div>
  <div class="cfclear"> </div>

</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Achternaam</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Verplicht!" id="text_3" name="Achternaam" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">

  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Organisatie</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_4" name="Organisatie" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Functie</label>

    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_5" name="Functie" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Adres</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Verplicht!" id="text_6" name="Adres" type="text">
  
  </div>

  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Postcode</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Verplicht!" id="text_7" name="Postcode" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Plaats</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Verplicht!" id="text_8" name="Plaats" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Telefoonnummer</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_9" name="Telefoonnummer" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">E-mailadres</label>

    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="Verplicht!" id="text_10" name="Email" type="text">
  
  </div>
  <div class="cfclear"> </div>
</div>

<input value="" id="hidden_11" name="hidden_11" type="hidden">

<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label" style="width: 150px;"></label>
    <div class="float_left">

      <input value="Ik wil een brochure aanvragen" title="" class="radio" id="check10" name="check1[]" type="checkbox">
      <label for="check10" class="check_label">Ik wil een brochure aanvragen</label>
      <br>
      
<input value="Neem contact met mij op" title="" class="radio" id="check11" name="check1[]" type="checkbox">
      <label for="check11" class="check_label">Neem contact met mij op</label>
      <br>
      
<input value="Ik heb een vraag of opmerking:" title="" class="radio" id="check12" name="check1[]" type="checkbox">
      <label for="check12" class="check_label">Ik heb een vraag of opmerking:</label>

      <br>
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;"></label>
    <textarea class="cf_inputbox" rows="10" id="text_14" title="" cols="40" name="tekstvak"></textarea>

    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Verzenden" name="button_14" id="submit" type="submit">
  </div>
  <div class="cfclear"> </div>
</div>

		<input name="e0ba4920bc09f03b9aca912ea9fc2fff" value="1" type="hidden">	
                	<input name="1cf1" value="654ff590b5269520cd03b2406f7a67d8" type="hidden">
                </form>

Hi Mgringo,

It works OK here. Maybe there's a conflict with something else on the site.

Bob

Hi Mgringo,

It works OK here. Maybe there's a conflict with something else on the site.

Bob

mmmm strange .... with some other js files? thank you ..

Hi Mgringo,

It works OK here. Maybe there's a conflict with something else on the site.

Bob

Hi BOb,

We've put it now on clients server ... http://www.tkp-ppi.nl/contact/contact Please do not press the send button cause it will send the form to client! Maybe now it's better for u to see what the problem is

Marcel

[attachment=0]Schermafbeelding 2012-01-02 om 14.05.46.png[/attachment]

This is what we get now after pressing the send button ...😟

Hi Mgringo,

Looks like you have an Email setup that isn't fully configured.

Bob

Hi Mgringo,

Looks like you have an Email setup that isn't fully configured.

Bob

No that's not the problem ... When I press the send button with blank fields I get this message. So no validate error only the email thing ... and the form is send with blank fields ...

Hi Mgringo,

Your template (or some other component) is loading the jQuery JavaScript library. Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat Joomla! 1.5 system plugin named SC jQuery that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode.

Bob

Thank You Bob for helping me ... solution indeed is to put that script in javascriptbox of chronoForms. now the form is working great .... Thank you very much again ...

regards,
Marcel

Hi Mgringo,

Your template (or some other component) is loading the jQuery JavaScript library. Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat Joomla! 1.5 system plugin named SC jQuery that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode.

Bob

Hi Bob .... this time a form in Joomla 1.7 with chronoforms 4.0 RC3.0 ... same problem and I tried the NoConflict script in JS box ... [attachment=1]Schermafbeelding 2012-01-04 om 15.30.03.png[/attachment]

But whitout validating it is sending the button
[attachment=0]Schermafbeelding 2012-01-04 om 15.32.00.png[/attachment]

How can I solve this one ???

Hi Mgingo,

Don't use JQuery on Joomla! - or if you do only use well-behaved templates and extensions :-(

You need to make sure that the NoConflict statement runs after JQuery is loaded and before any MooTools code runs.

Bob

Oke .... so I've checked the site and no JQuery is running at all😟

http://www.impuls-mediationencoaching.nl/contact

Hi Mgringo,

Something - the template presumably - is loading the moootools-core file at the end of the page and not in the header. The result is that the MooTools library isn't available when the validation code runs :-(

Bob

Bob ... thanks again ... have a nice weekend ;-)

I am experiencing this problem. None of the fields that have required set for validation work. I can submit the form without any data.

I have placed jQuery.noConflict(); in the Javascript code section and no difference.

Any idea what might be wrong?

Form: http://www.sydney-airport-parking.com.au/parking-quotes.html

Hi Chanetsa,

You don't appear to be using JQuery so the noConflict adds an extra problem rather than removing one :-(

The main culprit appears to be the JCH_optimise plug-in which is loading MooTools too late in the page and breaking several scripts; I suggest that you disable it to test; if that is the problem you may be able to schedule it to load earlier, or to leave MooTools to be loaded by Joomla!.

Bob

Thanks Bob

I don't know how you identify these issues but you are certainly good at it.

Disabling the JCH_optimise plugin has worked for me.

Thanks, Chanetsa

Hi Chanetsa,

A lot of practice and FireBug :-)

Bob

Hi Bob,

Now there is a problem in backend of website joomla 1.5.25 CF 3.2

When editing a form in wizard-mode, the properties-box doesn't show any parameters ...Any idea???

Hi Mgringo,

The Properties box only expands to show a dialogue when you have an element selected. This may or may not be the problem here. In general I'd suggest that, if possible, you use a more recent browser for your Joomla! admin.

Bob

Hi Bob,

I'm trying to select an element but it doesn't work, even when trying to move an element up or down won't work :s ... I've tested it in several browsers Firefox, IE and Chrome ... :s

Hi Mgringo,

Please check that the MooTools Upgrade plug-in is *not* enabled on your site.

Bob

Thank you Bob for the answer ... So when using chronoforms it's not possible to activate the MooTools Upgrade plug-in?

Thank you!

Hi Mgringo ,

ChronoForms v3 (and many other Joomla! extensions) use the MooTools 1.1.2 library that is installed by default. The ChronoForms Wizard, and other back-end code will not run with the plugin enabled.

If you disable the plug-in then ChronoForms v3 should run correctly.

Note ChronoForms v4 requires MooTools 1.2 and need the plug-in enabled.

If you are using ChronoForms v3 and need MooTools 1.2 in the front-end of your site then there is a hack for the plug-in posted in the forums here that will enable the 1.2 libr

Bob

Thank you Bob for helping me out!