Javascript 弹出窗口中的表单验证_Javascript_Google Chrome Extension_Popupwindow

Javascript 弹出窗口中的表单验证

javascript google-chrome-extension

Javascript 弹出窗口中的表单验证,javascript,google-chrome-extension,popupwindow,Javascript,Google Chrome Extension,Popupwindow,您好，我正在根据本地存储中存储的值显示一个pp up窗口。在弹出窗口中有一个包含电子邮件和密码的表单。用户必须输入他的电子邮件和密码。现在我需要的是，用户输入的电子邮件必须发送到url，并且url返回状态1或0。如果url返回1，则用户可以继续登录过程。否则，应显示错误消息。url的格式为email/3。此处代替email highlighte的是用户在表单中输入的电子邮件。通过这种方式，我我必须通过电子邮件。我用这种方式进行表单验证。但我不知道怎么做。这是我的userinfo.html &l

您好，我正在根据本地存储中存储的值显示一个pp up窗口。在弹出窗口中有一个包含电子邮件和密码的表单。用户必须输入他的电子邮件和密码。现在我需要的是，用户输入的电子邮件必须发送到url，并且url返回状态1或0。如果url返回1，则用户可以继续登录过程。否则，应显示错误消息。url的格式为email/3。此处代替email highlighte的是用户在表单中输入的电子邮件。通过这种方式，我我必须通过电子邮件。我用这种方式进行表单验证。但我不知道怎么做。这是我的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>

这是我的javascript。当用户按下登录按钮时，用户在电子邮件文本框中输入的任何内容都将存储在localStorage.username中。现在，我需要的是，通过将电子邮件传递到上述指定的url来检查此类电子邮件id是否存在。如果它只存在，则应存储在localStorage.username中。请任何人帮助我。我尝试过使用上面的代码。但是没有发生任何情况。请帮助我

这里有一个资源，您可以编辑并使用它下载源代码，或者在这里观看实况演示

这是一种联系方式。您可以将其更改为验证。向页面添加一个按钮或链接，如下所示

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

这里的“inline”应该是包含表单的表单的“id”

<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文件中添加任何你想做的事情。

当我访问www.calpinemate.com时，我被我的病毒扫描器屏蔽了。当我转到或被重定向到随机站点时。也许你被黑客攻击了，或者你正在托管恶意软件。无论哪种情况，我最好不要帮你储存登录信息。。。

<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>