在 hubspot 表单中添加文本问题答案

【问题标题】：Add text in hubspot form problem在 hubspot 表单中添加文本问题
【发布时间】：2011-07-25 22:15:07
【问题描述】：

我有一个页面，其中包含来自 hubspot 的表单。

我无法使用 javascript 在文本输入字段中输入文本...

请帮助我不知道原因..

<form action="http://www.xyz.com/Default.aspx?app=iframeform&hidemenu=true&ContactFormID=45875" method="post">
<input type="hidden" name="FormSubmitRedirectURL" id="FormSubmitRedirectURL" value="www.xyz.com/test" >
<input type="hidden" name="Lead_Src" id="LeadSrc" value="test form 1" />


 <script type='text/javascript' language='javascript'>/* <![CDATA[ */
HubSpotFormSpamCheck_LeadGen_ContactForm_45875_m0 = function() {
   var key = document.getElementById('LeadGen_ContactForm_45875_m0spam_check_key').value;
   var sig = '';
   for (var x = 0; x< key.length; x++ ) {
            sig += key.charCodeAt(x)+13;
   }
   document.getElementById('LeadGen_ContactForm_45875_m0spam_check_sig').value = sig; 
   /* Set the hidden field to contain the user token */
   var results = document.cookie.match ( '(^|;) ?hubspotutk=([^;]*)(;|$)' );
    if (results && results[2]) {
        document.getElementById('LeadGen_ContactForm_45875_m0submitter_user_token').value =  results[2];
    } else if (window['hsut']) {
           document.getElementById('LeadGen_ContactForm_45875_m0submitter_user_token').value = window['hsut'];
    }
    return true;
  };
 /*]]>*/</script>



 <script type="text/javascript">// <![CDATA[


    document.getElementById('LeadGen_ContactForm_45875_m0_FirstName').value='test';


   // ]]></script>

<input type='hidden' id='LeadGen_ContactForm_45875_m0submitter_user_token'  name='LeadGen_ContactForm_45875_m0submitter_user_token'  value='' /><input type='hidden'  name='ContactFormId'  value='45875' /><input type='hidden'  id='LeadGen_ContactForm_45875_m0spam_check_key'  name='LeadGen_ContactForm_45875_m0spam_check_key'   value='snopseihlijderqjslqlrsqodlghlksnmpikgsphnegufklwnwtdsfeeegkr' /><input type='hidden'  id='LeadGen_ContactForm_45875_m0spam_check_sig'  name='LeadGen_ContactForm_45875_m0spam_check_sig'  value='' /><div class='ContactFormItems  FormClassID_45875'><table border="0" cellspacing="0" cellpadding="5">
  <tr><td>&nbsp;</td><td>First Name</td></tr>
 <tr><td>&nbsp;</td><td><input type="Text"  name="LeadGen_ContactForm_45875_m0:FirstName" class="StandardI AutoFormInput  LeadGen_ContactForm_45875_m0_AutoForm" id="LeadGen_ContactForm_45875_m0_FirstName" value=""  /><div class="fieldclear"></div></td></tr>
  <tr><td>&nbsp;</td><td>Last Name</td></tr>
  <tr><td>&nbsp;</td><td><input type="Text"  name="LeadGen_ContactForm_45875_m0:LastName" class="StandardI AutoFormInput  LeadGen_ContactForm_45875_m0_AutoForm" id="LeadGen_ContactForm_45875_m0_LastName" value=""  /><div class="fieldclear"></div></td></tr>
   <tr><td>&nbsp;</td><td>Email (we will keep your email completely private)</td></tr>
   <tr><td>&nbsp;</td><td><input type="Text" name="LeadGen_ContactForm_45875_m0:Email" class="StandardI AutoFormInput LeadGen_ContactForm_45875_m0_AutoForm" id="LeadGen_ContactForm_45875_m0_Email" value="" /><div class="fieldclear"></div></td></tr>
 <tr><td>&nbsp;</td><td>Message</td></tr>
 <tr><td>&nbsp;</td><td><textarea type="Text" name="LeadGen_ContactForm_45875_m0:Message" class="StandardI AutoFormInput LeadGen_ContactForm_45875_m0_AutoForm" id="LeadGen_ContactForm_45875_m0_Message"  >  </textarea><div class='fieldclear'></div></td></tr>

没有显示测试值..

将 javascript 放入 head 标签中的唯一方法...我收到此消息

未捕获的类型错误：无法将属性“值”设置为 null

【问题讨论】：

您能否验证，例如在 Chrome of Firebug 的调试控制台中，document.getElementById('LeadGen_ContactForm_45875_m0_FirstName') 实际上是一个有效的输入框？或者在页面加载时在 url 栏中输入：javascript:alert(document.getElementById('LeadGen_ContactForm_45875_m0_FirstName'));

标签： javascript html forms text

【解决方案1】：

您在第二个 javascript 标记中有一个额外的 }。

 <script type="text/javascript">// <![CDATA[


    document.getElementById('LeadGen_ContactForm_45875_m0_FirstName').value='test';

   }  // <--- this one!!
   // ]]></script>

【讨论】：

是的，我试过了，但是 hubspot 表单没有采用 javascript 值。我不知道为什么

【解决方案2】：

我不确定您是从源复制和粘贴表单，还是手动放入自己的表单而不是让 Hubspot 生成它，但如果它是 Hubspot 表单，请查看这篇文章：@987654321 @

Hubspot 表单由 Javascript 加载，因此在执行脚本时表单可能不会加载。

【讨论】：