无法通过JavaScript验证我的“代码”
无法通过JavaScript验证我的“代码”
提问于 2016-11-12 04:28:49
好的，对于我的学校项目，我需要创建一个页面，它有一个表单来输入特定格式的竞赛代码，使用javascript来验证它，并显示一条“对不起”消息。我相信我的一切都是正确的，但显然我并不是因为我在这里寻求帮助。似乎每次我提交代码时，页面都会刷新，我的JSFiddle测试会返回一个错误。任何帮助都将不胜感激。下面我使用的代码包含两个JSFiddle链接，一个是我的代码，另一个是我所有的JavaScripting和JavaScripting：
<script type="text/javascript">
$('.code_input').on('submit', function(e) {
e.preventDefault();
if ($('.code', this).val().match(/^[0-9]{6}\-[0-9]{6}\-[a-z]$/)) {
alert('Sorry, you did not win.');
}else{
alert('Not a valid code. Please try again.')
}
}); // reference point
</script>
<section class="code_input">
<form method="post">
<input type="text" class="code" name="code" placeholder="Type Code Here" />
<input id="submit" type='submit' value='Check Number'>
</form>
</section>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-12 06:37:32
https://jsfiddle.net/azhzpLct/
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
if (document.querySelector('.code').value.match(/^[0-9]{6}\-[0-9]{6}\-[a-z]$/)) {
alert('Sorry, you did not win.');
}else{
alert('Not a valid code. Please try again.')
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40559583
复制相关文章
相似问题
腾讯云开发者
