Web Lead Form - Submit button does nothing.

[toddbenjamin]

I am successfully creating the Web Lead form using the generator in SugarCRM campaigns, but when I fill out the form and "submit" nothing happens.

I am using Firefox to create and test the submit for the form.
This is current sugar version, just downloaded and setup last week. No other errors in the client that I can see.
I am also hosting the file inside the sugar folder structure right now, accessing it in the same folder it gets created in. Would that cause this problem?

First time help request for a brand new sugar user!

Thanks,
Todd

[crmsiva]

Strange. Did you change the code of generated web form?

[sethp]

I am having the same issue. I have not modified the form's code at all.

I am using Sugar 6.0.1 CE, Firefox 3.6.10. I am trying to host the form on a Wordframe.com site.

[john9797]

I also have this problem in firefox. This error appears at the console when hitting "submit"

Error: document.getElementById(req_fields[i]) is null
Line: 497

Version 5.2.0e (Build 5626)

How do I fix this?

[kuske]

getElementById deos not work correctly in some older firefox versions.

If do not have any bool fields in the form you can remove the bool_id block

      if(document.getElementById('bool_id') != null){
        var reqs=document.getElementById('bool_id').value;
        bools = reqs.substring(0,reqs.lastIndexOf(';'));
        var bool_fields = new Array();
        var bool_fields = bools.split(';');
        nbr_fields = bool_fields.length;
        for(var i=0;i<nbr_fields;i++){
          if(document.getElementById(bool_fields[i]).value == 'on'){
             document.getElementById(bool_fields[i]).value = 1;
          }
          else{
             document.getElementById(bool_fields[i]).value = 0;
          }
        }
      } 
  

The req_id block, which checks all mandatory values can be replaced by single tests for all mandatory fields in the form.

     if(document.getElementById('req_id') != null){
        var reqs=document.getElementById('req_id').value;
        reqs = reqs.substring(0,reqs.lastIndexOf(';'));
        var req_fields = new Array();
        var req_fields = reqs.split(';');
        nbr_fields = req_fields.length;
        var req = true;
        for(var i=0;i<nbr_fields;i++){
          if(document.getElementById(req_fields[i]).value.length <=0 || document.getElementById(req_fields[i]).value==0){
           req = false;
           break;
          }
        }
        if(req){
            document.WebToLeadForm.submit();
            return true;
        }
        else{
          alert('Please provide all the required fields');
          return false;
         }
        return false
   }
   else{
    document.WebToLeadForm.submit();
   } 
  

document.getElementById('req_id') is equivalent to document.<formname>.rq_id

So you can change document.getElementById('last_name') to
document.WebToLeadForm.last_name a.s.o.

The email block can be changed by accessing the email fields directly

     if(document.getElementById('webtolead_email1').value.length >0) {
        if(document.getElementById('webtolead_email1').value.match(/^w+(['\.\-\+]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/) == null){
          alert('Not a valid email address);
        }
    } 
  

e.g. change here to

     if(document.WebToLeadForm.webtolead_email1.value.length >0) {
        if(document.WebToLeadForm.webtolead_email1.value.match(/^w+(['\.\-\+]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/) == null){
          alert('Not a valid email address);
        }
    } 
  

[john9797]

I think I am following, other than the req_id block.
I have a field called fnamevictim_c. Are you saying there is a way to test if this field is null without using getelementbyid?

would I do something like this?
if (fnamevictim_c.value.length <=0 ..... )){
req=false;
break;
}

[john9797]

I did what you said, and IE compatibility broke.

I ended up adding an if statement to execute the 2 sets of code based on what browser is being used (Ugh).

It was not an old version of firefox, it is a new one (4.0.1)

Thanks for the help.

[kuske]

If you would post the code here we could look for any errors.