gpt4 book ai didi

javascript - 如何在提交表单之前使用验证码。在 html 中

转载 作者:太空宇宙 更新时间:2023-11-04 13:06:02 25 4
gpt4 key购买 nike

<form action="#" method="post" id="contactMsg">
<div class="row">
<div class="col-md-4">
<input name="name" id="name" required="required" type="text" placeholder="Name">
</div>
<div class="col-md-4">
<input name="email" id="email" required="required" type="text" placeholder="Email">
</div>
<div class="col-md-4">
<input name="subject" id="subject" required="required" type="text" placeholder="Subject">
</div>
<div class="col-md-12">
<textarea name="comments" id="comment" required="required" cols="10" rows="10" placeholder="Comments"></textarea>
</div>
<div class="col-md-12">
<input name="comment" id="ContactNow" type="submit" value="Submit">
</div>
</div>
</form>

//这里是Ajax代码

var formData = new FormData($("#contactMsg")[0]);

$.ajax({
url: 'contactMsg.php',
data:formData,
cache: false,
contentType:false,
processData:false,
type: 'post',
success: function(response) {
$("#contactMsg")[0].reset();
$("#SucessMsg").fadeIn('slow').delay(3000).fadeOut('slow');
}
});

我从不使用验证码。我真的不知道这件事。请任何人有想法而不是告诉我,我想添加验证码并在调用 ajax 之前验证它。提前致谢

最佳答案

看简单的例子:

$(document).ready(function(){
var a = (Math.ceil(Math.random()*9))+1;
var b = (Math.ceil(Math.random()*9))+1;
var queryText = a+" + "+b+"=";
document.getElementById('queryString').innerHTML=queryText;
var result = parseInt(a)+parseInt(b);
document.getElementById('actualResult').value=result;
});

function _validate(){
if(document.getElementById('actualResult').value == document.getElementById('result').value){
alert("matched");
}else{
alert("not matched");
}

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<form action="#" method="post" id="contactMsg">
<div class="row">
<div class="col-md-4">
<input name="name" id="name" required="required" type="text" placeholder="Name">
</div>
<div class="col-md-4">
<input name="email" id="email" required="required" type="text" placeholder="Email">
</div>
<div class="col-md-4">
<input name="subject" id="subject" required="required" type="text" placeholder="Subject">
</div>
<div class="col-md-12">
<textarea name="comments" id="comment" required="required" cols="10" rows="10" placeholder="Comments"></textarea>
</div>
<div class="col-md-12">
<label id="queryString"></label>
<input type="text" value="" id="result"/>
</div>
<input type="hidden" id="actualResult"/>
<div class="col-md-12">
<input name="comment" id="ContactNow" type="button" value="Submit" onclick="_validate();">
</div>
</div>
</form>
</body>

说明: 当页面加载时,我们生成随机数并生成查询字符串,并在隐藏字段中生成实际结果。当用户提交时,我们会使用该隐藏字段输入检查用户输入。如果匹配,则我们通过,如果不匹配,我们将阻止。

关于javascript - 如何在提交表单之前使用验证码。在 html 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41591755/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com