Google signon адрес электронной почты в скрытое поле

Question

Я пытаюсь использовать https://developers.google.com/identity/sign-in/web/sign-in, чтобы захватить имя пользователя Google и адрес электронной почты Google в поле скрытой формы HTML, но у меня возникли проблемы. Ниже приведен код, который у меня есть. Я очень новичок в JavaScript. Спасибо за вашу помощь!

<script src="https://apis.google.com/js/platform.js" async defer></script> 
<form action="/student/webdesign/2016/02_benrud/tinker/googleVerify/loginHandler.php" method="post" name="form1" id="form1"> 

    <p> 
    <input name="namelGoogle" type="hidden" id="nameGoogle" value=""> 
    <input name="mailGoogle" type="hidden" id="mailGoogle" value=""> 
    </p> 
    <p> 
    <input type="submit" name="submit" id="submit" value="Submit"> 
    </p> 
</form> 


<div class="g-signin2" data-onsuccess="onSignIn"></div> 

<script> 
function onSignIn(googleUser) { 
    var profile = googleUser.getBasicProfile(); 
    console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead. 
    console.log('Name: ' + profile.getName()); 
    console.log('Image URL: ' + profile.getImageUrl()); 
    console.log('Email: ' + profile.getEmail()); 
    document.getElementById("mailGoogle").value = profile.getName(); 
    document.getElementById("nameGoogle").value = profile.getEmail(); 
} 

</script> 

Скриншот консоли

Я хочу отправить данные, которые будут захвачены в скрытом поле с именем "mailGoogle".

Я хочу, чтобы информация о имени была записана в скрытом поле под названием «имяGoogle».

1. Какие изменения мне нужно сделать для <script> </script> тега (если таковые имеются)
2. Какие изменения мне нужно сделать для <input name="emailGoogle" type="hidden" id="mailGoogle" value="I want email from google here"> тега

я очень новичок в JavaScript. Спасибо за вашу помощь.

Answer 1

document.getElementById("mailGoogle").value = profile.getName(); 
document.getElementById("nameGoogle").value = profile.getEmail(); 

Сделайте свое удостоверение личности на своих скрытых полях уникальным, и это должно дать вам то, что вам нужно.

Путь JQuery будет работать следующим образом:

$('#nameGoogle').val(profile.getName()); 
$('#mailGoogle').val(profile.getEmail());