[Solved] Integration of a registration form JotForm

Hello,

I would like incorporated a registration form of JotForm to ChronoForm. I followed the tutorial "Building a Joomla Registration Form using ChronoForms" but i can not.

Once the completed form and submit, no new account in the "User Management" and not e-mail.

Here is the code that is in "Form Code":

<script src="http://www.jotform.com/js/form.js?v2.0.836" type="text/javascript"></script>
<style type="text/css">
.tbmain{ 
 /* Changes on the form */
 background: url(http://www.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x !important; 
}
.left{
  /* Changes on the form */
  color: #ff5200 !important; 
  font-family: Verdana !important;
  font-size: 11px !important;
}
td.left {
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:bold;
   color:#ff5200;
   vertical-align: top;
   text-align: left;
}
.pagebreak{
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:bold;
   color:black;
}
td.right {
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   vertical-align: top;   
   text-align: left;   
}
.tbmain{
   height:100%;
   color:#333333;
   background:url(http://www.jotform.com/images/styles/style1_bg.gif) #ffffff top repeat-x;
}
.head{
   font-family: "Trebuchet MS";
   font-size: large;
   font-weight: bold;
   color:#ff5200;
   vertical-align: top;
   text-align: left;
}
.notvalid{
   border:2px red solid;
   font-family:"Trebuchet MS";
}
.text{
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://www.jotform.com/images/styles/style1_txt_bg.gif) #f6f6f6 top repeat-x;
}
select.other{
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
   background:url(http://www.jotform.com/images/styles/style1_txt_bg.gif) #f6f6f6 top repeat-x;
}
.btn{
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #c6c7ca solid;
   background: url(http://www.jotform.com/images/styles/style1_btn_bg.gif) #e4e4e4 top repeat-x;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
	background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
	height:16px;
	width:53px;
	float:left;
	margin-bottom:15px;
	padding-right:5px;
}
div.backButton:hover{
	background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
	background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
	background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
	height:16px;
	width:53px;
	float: left;
	margin-bottom:15px;
	padding-right:5px;
}
div.nextButton:hover{
	background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
	background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
	padding-right:5px;
	margin-bottom:15px;
	float:left;
}
 
</style> 
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10"> </td>
<td class="topmid"> </td>
<td class="topright" width="10" height="10"> </td>
  </tr>
<tr>
<td class="midleft" width="10">   </td>
<td class="midmid" valign="top">
<form  action="http://www.jotform.com/submit.php"  method="post" name="q_form_90143747267">
<input type="hidden" name="formID" value="90143747267" />
<div id="main"> 
<div class="pagebreak"> 
<input type="hidden" id="spc" name="spc" value="spc" />
<script type="text/javascript">
   document.getElementById('spc').value = '40646e5c5244de2fc44950493c71bf07';
</script>
<table width="520" cellpadding="5" cellspacing="0">
 <tr >
  <td width="150" class="left" >
   <label >Nom: <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="40" name="q0_Nom" class="text" value="" id="q0"onmouseover="ddrivetip('Votre nom de famille.', 200)" onmouseout="hideddrivetip()"  onblur="validate(this,'RequiredAlphabetic')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >Identifiant: <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="40" name="q21_Identifiant" class="text" value="" id="q21"onmouseover="ddrivetip('Votre identifiant (nom d\'utilisateur) qui sera utilisé pour la connexion au site.', 200)" onmouseout="hideddrivetip()"  onblur="validate(this,'Required')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" >
   <label >E-mail: <span class="required">*</span></label>
  </td>
  <td class="right" >
   <input type="text" size="40" name="q1_Email" class="text" value="" id="q1"onmouseover="ddrivetip('Votre adresse e-mail.', 200)" onmouseout="hideddrivetip()"  onblur="validate(this,'Email')"  maxlength="100" maxsize="100" />
  </td>
 </tr>
 <tr >
  <td width="150" class="left"  >
   <label>Mot de passe: <span class="required">*</span></label>
  </td>
  <td class="right">
   <input type="password" class="text" size="40" name="q22_Motdepasse" id="q22"onmouseover="ddrivetip('Votre mot de passe qui sera utilisé pour la connexion au site.', 200)" onmouseout='hideddrivetip()'  onblur="validate(this,'Required')"  />
  </td>
 </tr>
 <tr >
  <td width="150" class="left"  >
   <label>Vérification du mot de passe: <span class="required">*</span></label>
  </td>
  <td class="right">
   <input type="password" class="text" size="40" name="q23_Vrificationdumotdepa" id="q23"  onblur="validate(this,'Required', {confirm:'q22'})"  />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" valign="top" >
   <label>Code confirmation:</label>
  </td>
  <td valign="top">
     <script type="text/javascript" src="http://www.jotform.com/captcha.php"></script>   <input type="text" name="qCap" class="text" id="uword"onmouseover="ddrivetip('Entrez le code exactement comme vous le voyez dans l’image.', 200)" onmouseout='hideddrivetip()' />
  </td>
 </tr>
 <tr >
  <td width="150" class="left" > 
 
  </td>
  <td class="right">
  <input type="submit" class="btn" value="Enregistrez-vous" />  <input type="reset" class="btn" value="Clear" />
 </td>
 </tr>
 <tr >
  <td colspan="2" class="left" >
   Les champs signalés par une astérisque (*) sont obligatoires.
  </td>
 </tr>
</table>
</div>
</div>
</form>
</td>
<td class="midright" width="10">   </td>
</tr>
<tr>
 <td class="bottomleft" width="10" height="10"> </td>
 <td class="bottommid"> </td>
 <td class="bottomright" width="10" height="10"> </td>
</tr>
</table>
<script type="text/javascript">
validate("q_form_90143747267");
</script>

In "Validation", "Enable Server Side Validation?" I put "Yes" and here is the code in "Server Side validation Code:"

<?php
global $mainframe;
if ( JRequest::getVar('q23') != JRequest::getVar('q22') )
return 'Sorry, your passwords do not match, please try again!';
?>

In "Plugins" I checked the box to enable "Joomla Registration"

And I fill in the fields of plugin "Joomla Registration" as follows:




My question is, would you have an idea about what I should do to make it work?

Thank you for your support.

Cordially, Mak_.

Hi Mak_ ,

So you followed the tutorial . . . excpet for the parts about creating the form??

Why use JotForm instead of the ChronoForms form wizard - which is basically similar to JotForm?

Your form *might* work if you remove the <form . . > and </form> tags and put http://www.jotform.com/submit.php in the Form Tag attachment box on the General Tab. But it will then submit to JotForms and not to your Joomla site so I can't see how it will act as a Registration form.

Perhaps if you tell us what you are trying to achieve we can help??

Bob

Hi,

I would like to replace the registration form joomla default by a registration form jotform with the same fields.

- Name Field
- Username Field
- E-mail Field
- Password Field
- Verify Password Field

Would you how to do this ? because it seems to me that I should change several lines of some my code for integration.

Thanks :wink:

Hi Mak_,

But when you submit a JotForm the results go to JotForm.cm - not to your Joomla site.

So how do you intend to use this form to get people to register on your site?

Bob

Yes it's true, I have to think about but I think the problem is the password that are not encrypted in the email to the admin is one problem.

I'll try the ChronoForms form wizard.

Thank you and I apologize for the inconvenience.

Hi Mak,

Please download the ChronoForms Joomla Registration PlugIn tutorial from the downloads area here. It will show you how to create a registration form using ChronoForms. AFAIR you can fairly easily modify it to encrypt the password (or not send it at all).

Bob