jQuery表单字段验证在HubSpot中不起作用

时间:2019-05-14 05:53:19

标签: jquery forms hubspot

我是HubSpot的新手,但是有使用JQuery的经验。我创建了一个HubSpot表单,并使用FormID将其包含在RichText模块中。我希望表单的“名”和“姓”字段不接受数字,并在onFocusOut上显示一条消息,仅输入字母。为此,我在页面设置->高级->页脚HTML中添加了验证脚本。但是,验证似乎仍然无法正常进行,并且正在提交表单。谁能帮忙吗?

RichText模块中的表单-

<div class="span4 text-center"><a name="book"></a>
    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
    <script>// <![CDATA[
    hbspt.forms.create({
        portalId: "2952017",
        formId: "75123400-5228-4c37-8124-55e4bd704bbb"
    });
    // ]]></script>
    <script>// <![CDATA[
    $(document).ready(function(){
            $('input[name="firstname"],input[name="lastname"]').focusout(function() {
              alert("hi");
              console.log("hieee");
            });  
        });
    // ]]></script>
</div>

页脚中的验证脚本-'

<script>
    $(document).ready(function(){
      setTimeout(function(){ 
        $('input[name="firstname"],input[name="lastname"]').focusout(function() {
          var letters = /^[A-Za-z]+$/;
          var inputtxt = this;
          var name = $(this).attr('name');
          alert($('#'+name).length);
         if(!inputtxt.value.match(letters) && inputtxt.value !== "")
           {

            if($('#'+name).length == 0){
                $(this).after('<label id="'+name+'" style="color:red;">Please enter valid name.</label>');
            }
           }else{
             if($('#'+name).length > 0){
               $('#'+name).remove();
             }
           }
        });
      },1000);
    });
</script>

0 个答案:

没有答案