onsubmit : 필드가 비어 있으면 jQuery 알림

내 웹 사이트에서 "무료로 받기"라는 버튼이 있으며 버튼 옆에 전자 메일 필드가 있습니다. 사용자가 이메일을 입력 한 다음 버튼을 누르면 이메일이 Google 스프레드 시트로 전송되고 자세한 정보가있는 팝업이 표시됩니다.onsubmit : 필드가 비어 있으면 jQuery 알림

jQuery 코드를 태그의 "onsubmit"부분에 추가하려면 어떻게해야합니까? 전자 메일 주소에 전자 메일 주소가 포함되어 있으면 양식을 제출하고 팝업을 표시하십시오. 그렇지 않은 경우 ("else") "이메일 주소를 입력하십시오."라는 경고 상자를 표시하십시오.

여기 내 코드는 지금과 같은 작업은 다음과 같습니다

<form action="https://docs.google.com/forms/d/xxxxx/formResponse" method="POST" id="ss-form-landing" onsubmit="$('.landing-button').click();return true;" target="hidden_iframe"> 

<input type="text" name="entry.xxx" value="" id="entry_2005747986" class="landing-pg-email-field" placeholder="Enter email address"><input type="submit" name="submit" value="GET A FREE &#x00A; CONSULTATION" class="landing-pg-button">

사전에 감사!

출처

2013-08-08 user2528845

는

을 시도

jQuery(function($){ 
    var $form = $('#ss-form-landing'), $field = $form.find('input.landing-pg-email-field'); 

    $form.submit(function(){ 
     if($.trim($field.val()) == ''){ 
      alert('enter a email id'); 
      return false; 
     } 
    }) 
})

데모 : Fiddle

출처

2013-08-08 02:49:58

감사합니다! 그것은 전자 메일 필드가 비어있을 때 경고를 표시하기 위해 작동하지만 ... 경고 상자를 닫은 후에도 내 일반 팝업이 계속 나타납니다. 경고 상자 만 나타나고 일반 팝업이 나타나지 않도록하려면 어떻게합니까? (내 일반 팝업은 Wordpress 용 Simp Modal Popup 플러그인을 사용하여 만들어졌으며 '.landing-button'을 클릭하면 열립니다.) – user2528845

팝업을 생성하는 코드를 공유하십시오 –

onsubmit : 필드가 비어 있으면 jQuery 알림

답변

관련 문제