Проверка формы во всплывающем окне

Привет, я показываю окно вверх, основанное на значении, хранящемся в localStorage. В всплывающем окне есть форма, содержащая адрес электронной почты и пароль. Пользователь должен ввести свой адрес электронной почты и пароль . Теперь мне нужно, чтобы введенный пользователем адрес электронной почты был отправлен на URL-адрес, и URL-адрес возвращает статус (1 или 0). Если URL-адрес возвращается 1, пользователь может просто продолжить процесс регистрации. В противном случае должно быть показано сообщение об ошибке. URL-адрес в формате http://www.calpinemate.com/employees/attendanceStatus/email /3". Здесь вместо электронной почты должен появиться электронный адрес, введенный пользователем в форме. Таким образом, я должен передать электронное письмо. Таким образом, я делаю проверку формы. Но я не знаю, как это сделать. Вот мой userinfo.htmlПроверка формы во всплывающем окне

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="test.js"></script> 

</head> 
<body> 
<b>Enter your Email ID and Password</b><br><br> 
    <form id="userinfo"> 
     <label for="user">&nbsp;Email&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label> 
     <input type="text" id="user" /> 
     <br><br> 
     <label for="pass">Password&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;</label> 
     <input type="password" id="pass" /> 
     <br> 
     <br> 
     <input type="button" id="login" value="Log In" /> 
    </form> 
</body> 
</html>

Это форма во всплывающем окне Вот мой test.js

window.addEventListener('DOMContentLoaded', function() { 
var user = document.querySelector('input#user'); 
var pwd = document.querySelector('input#pass'); 
var login = document.querySelector('input#login'); 

login.addEventListener('click', function() {  

    var userStr = user.value;  

    login(); 
    window.close(); 

    chrome.runtime.getBackgroundPage(function(bgPage) { 
      bgPage.updateIcon(); 
     }); 

}); 
function login(){ 
    var urlPrefix = 'http://www.calpinemate.com/employees/attendanceStatus/'; 
    var urlSuffix = '/3'; 

    var req = new XMLHttpRequest(); 

    req.addEventListener("readystatechange", function() { 

if (req.readyState == 4) { 

    if (req.status == 200) { 

     var item=req.responseText; 

     if(item==1){ 
      localStorage.username=userStr; 
      localStorage.password=pwd; 

     } 
    else{ alert('error');} 
    } 
    } 
    }); 
    var url = urlPrefix + encodeURIComponent(userStr) + urlSuffix; 
req.open("GET", url); 
    req.send(null); 
       } 


    });

Это мой javascript.When пользователь нажимает кнопку Входа в системе, независимо пользователь вводит в текстовом поле электронной почты хранится в localStorage.username.Now, что мне нужно, я должен проверить, существует ли такой идентификатор электронной почты, передав электронное письмо указанному выше URL-адресу. И если он существует, он должен храниться только в localStorage.username. меня. Я попытался с помощью выше code.But отметив happens.Please помочь мне

источник

2013-12-03 user1991

При переходе на сайт www.calpinemate.com меня блокирует мой антивирус. Когда вы переходите на http://www.calpinemate.com/employees/attendanceStatus/ или http://www.calpinemate.com/employees/, я перенаправляюсь на случайные сайты. Возможно, вы были взломаны или у вас есть вредоносное ПО. В любом случае мне лучше не помогать вам хранить логины ... – Friso

Вот ресурс, который вы можете редактировать и использовать для загрузки исходного кода или посмотреть демо здесь http://purpledesign.in/blog/pop-out-a-form-using-jquery-and-javascript/

Это форма контакта. Вы можете изменить его на проверку. Добавить кнопку или ссылку на страницу, как этот

<p><a href="#inline">click to open</a></p>

«#inline» здесь должно быть «идентификатор» из который будет содержать форму.

<div id="inline"> 
<h2>Send us a Message</h2> 
<form id="contact" name="contact" action="#" method="post"> 
<label for="email">Your E-mail</label> 
<input type="email" id="email" name="email" class="txt"> 
<br> 
<label for="msg">Enter a Message</label> 
<textarea id="msg" name="msg" class="txtarea"></textarea> 
<button id="send">Send E-mail</button> 
</form> 
</div>

Включите этот скрипт, чтобы прослушать событие щелчка. Если действие определено в вашей форме, вы можете использовать «preventDefault()» метод

<script type="text/javascript"> 
$(document).ready(function() { 
$(".modalbox").fancybox(); 
$("#contact").submit(function() { return false; }); 
$("#send").on("click", function(){ 
var emailval = $("#email").val(); 
var msgval = $("#msg").val(); 
var msglen = msgval.length; 
var mailvalid = validateEmail(emailval); 
if(mailvalid == false) { 
$("#email").addClass("error"); 
} 
else if(mailvalid == true){ 
$("#email").removeClass("error"); 
} 

if(msglen < 4) { 
$("#msg").addClass("error"); 
} 
else if(msglen >= 4){ 
$("#msg").removeClass("error"); 
} 

if(mailvalid == true && msglen >= 4) { 
// if both validate we attempt to send the e-mail 
// first we hide the submit btn so the user doesnt click twice 
$("#send").replaceWith("<em>sending...</em>"); 
//This will post it to the php page 
$.ajax({ 
type: 'POST', 
url: 'sendmessage.php', 
data: $("#contact").serialize(), 
success: function(data) { 
if(data == "true") { 
$("#contact").fadeOut("fast", function(){ 
//Display a message on successful posting for 1 sec 
$(this).before("<p><strong>Success! Your feedback has been sent, thanks :)</strong></p>"); 
setTimeout("$.fancybox.close()", 1000); 
}); 
} 
} 
}); 
} 
}); 
}); 
</script>

Вы можете добавить все, что вы хотите сделать в файле PHP.

источник

2014-01-03 16:05:11

Проверка формы во всплывающем окне

ответ

Смежные вопросы