Required fields do not work

Dear reader,

First of all I would like to complement you with CF.
I just made a form in Joomla 1.6, using CFv4 rc1.8

Everything works good. Except the required fields. Even if I leave them open you can still submit the form. I searched on this forum for any solution, but didnt find the right one.

Could you help me? I saw that posting the link can make things more clear. So this is the link: http://85.158.248.117/index.php/test-activiteit

JS validation: Yes

Thanks for any help!

This is my code:

Test activiteit<div class="ccms_form_element cfdiv_text" id="name_container_div"><label>Name</label><input maxlength="150" size="30" class=" validate['required']" title="" type="text" value="" name="Name" />
<div class="small-message">Please fill in your full name.</div><div class="clear"></div><div id="error-message-Name"></div></div><div class="ccms_form_element cfdiv_text" id="team_container_div"><label>Team</label><input maxlength="150" size="30" class=" validate['required']" title="" type="text" value="" name="Team" />
<div class="small-message">Please fill in your full team name, e.g. Dames B1.</div><div class="clear"></div><div id="error-message-Team"></div></div><div class="ccms_form_element cfdiv_text" id="phone_number_container_div"><label>Phone number</label><input maxlength="150" size="30" class=" validate['required','digit']" title="" type="text" value="" name="Phone" />
<div class="small-message">Please fill in your phone number.</div><div class="clear"></div><div id="error-message-Phone"></div></div><div class="ccms_form_element cfdiv_text" id="email_container_div"><label>Email</label><input maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="Email" />
<div class="small-message">Please fill in your email, so we can contact you if needed.</div><div class="clear"></div><div id="error-message-Email"></div></div><div class="ccms_form_element cfdiv_checkboxgroup" id="diner_container_div"><label>Diner</label><input type="checkbox" name="Diner[]" id="diner_choice_1" title="" value="choice 1" class="validate['group[1]']">
<label for="diner_choice_1">Yes, with meat please.</label>
<input type="checkbox" name="Diner[]" id="diner_choice_2" title="" value="choice 2" class="validate['group[1]']">
<label for="diner_choice_2">Yes, with fish please.</label>
<input type="checkbox" name="Diner[]" id="diner_choice_3" title="" value="choice 3" class="validate['group[1]']">
<label for="diner_choice_3">Yes, but vegetarian.</label>
<input type="checkbox" name="Diner[]" id="diner_choice_4" title="" value="choice 4" class="validate['group[1]']">
<label for="diner_choice_4">No thanks.</label>
<div class="small-message">Please check only one of the boxes.</div><div class="clear"></div><div id="error-message-Diner"></div></div><div class="ccms_form_element cfdiv_text" id="accountnumber_container_div"><label>Accountnumber</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="Account" />
<div class="small-message">Please fill in your accountnumber.</div><div class="clear"></div><div id="error-message-Account"></div></div><div class="ccms_form_element cfdiv_text" id="city_of_bank_container_div"><label>City of Bank</label><input maxlength="150" size="30" class="" title="" type="text" value="" name="City" />
<div class="small-message">Please fill in the city in which your bank is located.</div><div class="clear"></div><div id="error-message-City"></div></div><div class="ccms_form_element cfdiv_checkbox" id="by_checking_this_box_i_hereby_give_msvv_fyrfad_permission_to_write_off_after_receiving_my_signature__container_div"><input value="Yes!" title="" type="checkbox" class="validate['required'] label_right" name="Check" />
<label class="full_label">By checking this box, I hereby give MSVV Fyrfad permission to write off €... after receiving my signature.   </label><div class="small-message"><br><u>It is required that you check this box before submitting.</u></br><br />
Signatures will be get during trainings.<br />
</div><div class="clear"></div><div id="error-message-Check"></div></div><div class="ccms_form_element cfdiv_submit" id="input_submit_30_container_div"><input name="input_submit_30" class="" value="Submit registration" type="submit" />
<div class="clear"></div><div id="error-message-input_submit_30"></div></div>

Hi joostg ,

Your template is still loading the old version of MooTools (as well as the new one). Please get rid of the version 1.1 and hopefully all will be well.

Bob

Thanks a lot!

But maybe a silly question, but Im not very experienced in this sort of stuff.

How can i deinstall/disable Mootools 1.1?

Do I need to adjust the html of my page? If yes, how can i do that?
Or is there just an option to deinstall it?

I again searched for it on the internet, but no reliable solution was there.

Cheers,
Joost

Hi Joost,

It's being loaded from the templates folder so it may well be in the template index.php file. Whoever created the the custom template for you should know.

Bob

Ok, it was indeed loaded from my template.

I edited it by inserting a new piece of code namely:

<?php
// Remove mootools from header
$headerstuff = $this->getHeadData();
reset($headerstuff['scripts']);
$moo = key($headerstuff['scripts']);
unset($headerstuff['scripts'][$moo]);
$this->setHeadData($headerstuff);
?>

This only changed the layout of the form at the frontend. But I can still submit an empty form.

Is the code wrong or is there another problem?

Thanks a lot for all your help again!
Joost

http://85.158.248.117/index.php/test-activiteit

This is the first part of my index.php now (incl new code part)

<?php

defined('_JEXEC') or die;


// SUCKERFISH  MENU SWITCH //
$menu_name = $this->params->get("menuName", "mainmenu");// mainmenu by default, can be any Joomla! menu name





$default_font  = $this->params->get("fontsize", "medium"); // SMALL | MEDIUM | BIG
$default_width = $this->params->get("sitewidth", "wide"); // WIDE | NARROW

$showtools  = $this->params->get("templateTools", "1"); // 0 HIDE TOOLS | 1 SHOW ALL  | 2 COLOR AND WIDTH  | 3 COLOR AND FONT | 4 WIDTH AND FONT |5 WIDTH ONLY | 6 FONT ONLY | 7 COLOR ONLY

// SEO SECTION //

$seo                    = $this->params->get ("seo", "Joomla Software solutions Template");                      # JUST FOLOW THE TEXT
$tags                   = $this->params->get ("tags", "Joomla Software, Joomla Templates, Youjoomla");                        # JUST FOLOW THE TEXT

#DO NOT EDIT BELOW THIS LINE
define( 'TEMPLATEPATH', dirname(__FILE__) );
include( TEMPLATEPATH.DS."settings.php");
include( TEMPLATEPATH.DS."styleswitcher.php");
require( TEMPLATEPATH.DS."suckerfish.php");

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<?php
// Remove mootools from header
$headerstuff = $this->getHeadData();
reset($headerstuff['scripts']);
$moo = key($headerstuff['scripts']);
unset($headerstuff['scripts'][$moo]);
$this->setHeadData($headerstuff);
?> 

 
<jdoc:include type=”head” />
 


<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<link href="templates/<?php echo $this->template ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/src/mootools.v1.1.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/src/sve.js"></script>
<!--[if lte IE 7]>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/src/ie2.js"></script><![endif]-->
<!--[if lte IE 6]>
<style type="text/css">
img,li,#search,#logo{
  behavior: url(templates/<?php echo $this->template ?>/css/iepngfix.htc);
}
#images_slide img{
  behavior:none;
}
#search .inputbox{
margin-top:0px;

}
</style>
<![endif]-->

Hi Joost,

Now there is only one version of MooToosl loading . . . but the wrong version. MooTools 1.1 is loading and you need MooTools 1.2.5 for ChronoForms v4.

The page source is now quite broken and the jdoc parameters ae not being replaced so I suspect that you have removed too much.

Bob