首页 > 解决方案 > 弹出窗口中的 Javascript

问题描述

如何获取此脚本(检查数据库中的电子邮件地址):

   $("#engemail").keyup(function (e) {
     var engemail = $(this).val();
     var input=$(this);
     var re = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
     var is_email=re.test(input.val());

       if(is_email){
         $("#engemail-result").html('');
     $.post('includes/pub/email.php', {'engemail':engemail}, function(data) {

         console.log(engemail);
           if(data == '1'){
             $("#ny_button").attr("disabled", true);
             $('#engemail').css('border', '3px #c0392b solid');
             $("#engemail-result").html('  kan ikke godkendes?');
           } else {
           $("#ny_button").attr("disabled", false);
           $('#engemail').css('border', '3px #2ecc71 solid');
           $("#engemail-result").html(' er godkendt!');
         }
           });
       } else {
         $("#ny_button").attr("disabled", true);
         $('#engemail').css('border', '3px #c0392b solid');
         $("#engemail-result").html('  findes ikke i vores system?');

       }
                     });

在这个弹出窗口工作??

document.addEventListener("DOMContentLoaded", function () {

     var trigger = document.querySelector('#js-overlay-trigger');

     trigger.addEventListener('click', function(e){
    e.preventDefault();

    novicell.overlay.create({
      'selector': trigger.getAttribute('data-element'),
      'class': 'selector-overlay',
      "onCreate": function() { console.log('created'); },
      "onLoaded": function() { console.log('loaded'); },
      "onDestroy": function() { console.log('Destroyed'); }

    });

     });




    });
     }

   });

这里弹出/ Html:

<div class="overlay-content" id="js-overlay-content" style="display: none;">
    <h1 class="font-weight-5">Denne popper upper</h1>
    <p>Indtast din email (som du brugte, da du oprettede din konto hos os.).</p>

  <form class="form-horizontal" id="sendkode"  method="post" onsubmit="return doit()">


    <div class="form-group">
     <label class="sr-only" for="email">Email</label>
      <label for="email">Din email<span id="engemail-result"> </span> </label>
      <input name="engemail" type="text" class="form-control" id="engemail" placeholder="Email adresse" required autofocus>
    </div>


     <br>
     <div class="form-group">
           <button type="submit" id="ny_button" class="btn btn-primary">Send</button>
     </div>

 </form>
</div>

我在javascript方面还没有那么强,所以希望在这里得到一些帮助和一些建议。该脚本在“常规”模式弹出窗口中运行良好,有一些很好的建议:-)

标签: javascriptphp

解决方案


这个脚本在哪里:

$("#engemail").keyup(f...

位于?它应该位于 html 下方,以便 engmail 输入标记有足够的时间在 DOM 中呈现。


推荐阅读