Google 양식의 이메일 확인

Question

Google 양식을 사용하여 뉴스 레터 가입을위한 이름과 이메일 주소를 수집하고 있습니다. 이메일 주소 입력란은 Google 설문지의 텍스트 입력란이므로 아무 텍스트 나 사용할 수 있습니다.

나의 목표는 이메일 주소를 확인하고 이메일 주소가 입력되었는지 확인하는 것입니다. 아래는 Google 양식의 코드입니다. 전자 메일 주소 필드의 유효성을 검사하기 위해 어떤 코드를 추가 할 수 있습니까?

<form action="http://spreadsheets.google.com/formResponse?key=pqbhTz7PIHum_4qKEdbUWVg&amp;embedded=true" method="post" target="hidden_iframe" onsubmit="submitted=true;"> 

<h1>Styled Google form with confirmation redirect</h1> 
<div class="errorbox-good"> 
<div class="ss-form-entry"><label for="entry_1" class="ss-q-title">Your Name? 
</label> 
<label for="entry_1" class="ss-q-help"></label> 
<input type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1"></div></div> 
<br> <div class="errorbox-good"> 
<div class="ss-form-entry"><label for="entry_2" class="ss-q-title">Your Email? 
</label> 
<label for="entry_2" class="ss-q-help"></label> 
<input type="text" name="entry.2.single" value="" class="ss-q-short" id="entry_2"></div></div> 
<br> <div class="errorbox-good"> 
<div class="ss-form-entry"><label for="entry_3" class="ss-q-title">How easy was this tutorial? 
</label> 

<label for="entry_3" class="ss-q-help"></label> 
<ul class="ss-choices"><li class="ss-choice-item"><input type="radio" name="entry.3.group" value="Very easy!" class="ss-form-input" id="group_3_1"> 
<label class="ss-choice-label" for="group_3_1">Very easy!</label></li> <li class="ss-choice-item"><input type="radio" name="entry.3.group" value="Pretty easy" class="ss-form-input" id="group_3_2"> 
<label class="ss-choice-label" for="group_3_2">Pretty easy</label></li> <li class="ss-choice-item"><input type="radio" name="entry.3.group" value="Not easy" class="ss-form-input" id="group_3_3"> 
<label class="ss-choice-label" for="group_3_3">Not easy</label></li> 
</ul></div></div> 
<br> 
<input type="hidden" name="pageNumber" value="0"> 
<input type="hidden" name="backupCache" value=""> 
<input type="submit" name="submit" value="Submit"> 
</form> 

Answer 1

쉽게로 정규식을 사용하여 JQuery와 이메일을 확인할 수 있습니다

<script type="text/javascript"> 

function ValidateEmail(email) { 
    var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 
    return expr.test(email); 
}; 
$("#btnsubmit").on("click", function() { 
    if (!ValidateEmail($("#entry_2").val())) { 
     alert("Invalid email address."); 
     return false; 
    } 
    else { 
     // Valid email address 
    } 
}); 

</script> 

과로 제출 버튼에 ID를 할당합니다

<input type="submit" name="submit" id='btnsubmit' value="Submit"> 

양식에 jQuery를 참조를 추가로 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

DEMO