javascript - 弹出窗口中的 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方面还没有那么强,所以希望在这里得到一些帮助和一些建议。该脚本在“常规”模式弹出窗口中运行良好,有一些很好的建议:-)
解决方案
这个脚本在哪里:
$("#engemail").keyup(f...
位于?它应该位于 html 下方,以便 engmail 输入标记有足够的时间在 DOM 中呈现。
推荐阅读
- javascript - 如何在 componentDidUpdate 中跟踪 mobx 全局存储的变化
- tensorflow - Tensorflow 1.12:计算一个张量中的元素相对于另一个张量中的元素的导数
- html - 在延迟功能工作时使元素不可见
- graphql - 如何使用单个键将 GraphQL 查询结果分组为数组
- javascript - 在自定义域上部署 React App 时出现 404 错误
- java - 如何避免在这里使用全局变量?
- java - 在Java8中,如何确保不使用重复强制转换?
- python - 哎呀。正确传递参数
- python - Python:使用 curses 库打印 ASCII 文本文件
- python - 在计算两个排序数组的中位数时,是否有较小的数组驱动二进制搜索?