required fields and validation - hard time...

Hello, friends

Taking a beating from form validation! I surely will register Chronoforms, just want to get this working (and it was before I accidently deleted my form and started over). I noticed a difference, my old install (I still have the old DB) has stuff inside chrono plugins table...

Im willing to do any type of validation. Basically what I need is

- to make some fields like "nome" required. I tried to put class="required" but no luck.

- to valide the email field (typed in by the user).

Using Cronoforms 3.2. Ive seen tons of tutorials, but options regarding validation in Wizard edit dont appear to me. I only see "Text" in the properties. Also if I choose form and click form edit it shows some basic for with 2 fields, not my form which is inside Form code...

Here´s my form code

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Nome Completo:</label>
<input maxlength="150" class="cf_inputbox" size="30" id="nome" name="nome" title="Favor digitar seu nome." type="text" />
</div>
</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Empresa:</label>
<input class="cf_inputbox" maxlength="150" size="30" id="empresa" name="empresa" type="text" />
</div>
</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Telefone:</label>
<input class="cf_inputbox" maxlength="150" size="30" id="telefone" name="telefone" type="text" />
</div>
</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">E-Mail:</label>
<input class="cf_inputbox required validate-email" maxlength="150" size="30" id="email" name="email" type="text" />
</div>
</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">Assunto:</label>
<input class="cf_inputbox" maxlength="150" size="30" id="assunto" name="assunto" type="text" />

</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label">Mensagem:</label>
<textarea class="cf_inputbox" rows="3" id="mensagem" cols="30" name="mensagem"></textarea>

</div>
<div class="clear"> </div>
</div>


<input value="Telefone" class="radio" id="radio01" name="radio0" type="radio" />
<label for="radio01" class="radio_label">Telefone</label>
<br />


</div>

</div>
<div class="clear"> </div>
</div>

<div class="form_item">
<div class="form_element cf_captcha">
<label class="cf_label"></label>
<span>{imageverification}</span>
</div>
</div>
<div class="clear"> </div>
</div>


<div class="form_item">
<div class="form_element cf_button">
<input value="Enviar" type="submit" />
</div>
<div class="clear"> </div>
</div>

Thanks!

Hi robertboyl,

The classes you are using look correct for ChronoForms v3.

Do you have Load ChronoForms JS/CSS files set to Yes on the form General tab?

You should be able to add validations using the Validation tab in the Form Editor by adding the input names in the appropriate boxes.

Bob

Hi,

Thanks for fast response.

Yes, Load ChronoForms JS/CSS is enabled.

So, I did that, in validation tab in 1-required, for example I typed "nome" (without quotes), which is the name input on the form. But it lets one send form without that field typed in.

When you use validation it adds javascript? where can i see?

For required fields should I just add the required tag? Really cant get that to work.

Any tips?

Thanks.

Hi robertboyl,

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

Bob

Hi robertboyl,

You have several JavaScript errors on the page - the worst seems to be from RokBox. You will need to fix these to get the validation to work :-(

Bob

Uncaught TypeError: Object function String() { [native code] } has no method 'implement' : rokbox-mt1.2.js:20

Uncaught TypeError: undefined is not a function : rokbox-config.js:5

Thanks a lot. But Im a bit lost, pls guide me a bit more?

Where do I remove this bad javascript code?

How can I see code generated by Chrono?

Thanks.

Hi robertboyl,

I'm sorry, I don't know why the RokBox code is giving you errors :-(

Bob

Hi,

I disabled Rox Box. Can you guide me what to do next?

Im a bit lost as the tutorial I saw is not reflecting what I see on screen.

Thanks.

Hi Robertboyl,

The form without the template works OK - see https://www.your_domain.com/contato?tmpl=component

With the template it looks as though there is another error from this script:

 <script>
var uq=location.href.split('?');if (uq[1]){uq=uq[1].split('&');for(var v in uq){var k=uq[v].split('=');if (k[0]=='eid'){switch(k[1])
{
case 'login_invalid':
alert('E-Mail ou senha incorretos. Favor tentar novamente. \n\nCaso tenha certeza que suas credenciais e corretas, favor verificar se o seu pagamento está em dia através do painel de controle.');
break;
default:
alert('An error occured ['+k[1]+']');
}}}}
</script> 

Bob

Thanks again, this site is a bit messed up, I believe.

I see, but that code is of something else. Its in some php file that is called for the right side of our site that I need (login to something else). I renamed that file thus eliminating that specific javascript you mentioned and still Crono wont work in regards to require fields or validation. So I dont think thats it.

In my joomla menu I call

index.php?option=com_chronocontact

If I change it to

https://www.your_domain.com/contato?tmpl=component

It will not use my template, etc...

So Im not sure what to do.

Thanks.

Hi robertboyl,

Sorry, I've taken another look and I can't see any obvious cause for the problem. In Chrome there is an error because the Twitter script is blocked, something else must be causing a problem in FireFox. I can only suggest that you disable the modules using custom scripts until you find the one that is causing the problem. I'd start by updating the Twitter feed that shows warnings already.

Bob

Strange, dont see any error in chrome and dont have any twitter plugin enabled.

Ill check, perhaps Ill just keep it as is or see if some other form solution has same problems and use crono on other sites, but just not this one, its giving too much work.

thanks!

Hi robertboyl,

This is what I see when the form reloads after a submission:

TypeError: uq[v].split is not a function
[Break On This Error]

...('?');if (uq[1]){uq=uq[1].split('&');for(var v in uq){var k=uq[v].split('=');if ...

index....mid=201 (line 346)

TWITTER WIDGET: This widget is being deprecated, and will cease functioning soon. <https://twitter.com/support/status/307211042121973760>

widget.js (line 12)

TWITTER WIDGET: You can obtain a new, upgraded widget from <https://twitter.com/settings/widgets/new/user?screen_name=xxxxx>

Bob

Thanks. You see that on screen or you click to view source?

Hi robertboyl,

In the Console of my browser Web Developer tools, usually click F12 to see them.

Bob