Проверка поля формы JQuery не работает в HubSpot - PullRequest
Новая
       15

Проверка поля формы JQuery не работает в HubSpot

0 голосов
/ 14 мая 2019

Я новичок в HubSpot, но у меня есть опыт работы с JQuery. Я создал форму HubSpot и включил ее в модуль RichText, используя FormID. Я хотел, чтобы поля «Имя» и «Фамилия» формы не принимали цифры и отображали сообщение на FocusOut для ввода только букв. Для этого я добавил скрипт проверки в Параметры страницы -> Дополнительно -> Нижний колонтитул 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>
...