html页面 验证界面输入两对验证码,第一对输完后点击验证,第二对才能输入,用的同一个按钮?

html页面 验证界面输入两对验证码,第一对输完后点击验证,第二对才能输入,用的同一个按钮?,第1张

不太理解为什么简单的问题复杂化。

submit行为必然会把表单的所有字段都提交,因此后面两个Input必然内容是空的

后端处理时,根据 bh3 和 bh4 是否为空做一个判断不就行了

不过form会产生一个跳转 *** 作,所以需要使用 ajax 或者 通过 JavaScript 判断阻止跳转行为

对楼主的问题的核心疑问是

而且两次提交的意义是什么?这是浪费资源啊……

第一次提交的数据,服务器到底要不要做真实的验证,并记录数据?

回答正文

JavaScript 方法,判断阻止跳转行为方法,并显示按钮
如果第一次提交不需要验证数据,那么可以通过 JavaScript 对 submit 绑定一个验证 bh1 和 bh2 是否已经写入,然后显示 3 、4
documentquerySelector('#search')addEventListener('submit', function(e){
if(documentquerySelector('#bh3')value!==""&&documentquerySelector('#bh4')value!=="") {
return true; //3、4不为空时执行提交 *** 作
}
else if(documentquerySelector('#bh1')value!==""&&documentquerySelector('#bh2')value!=="") {
documentquerySelector('#bh3')removeAttribute('disabled');
documentquerySelector('#bh4')removeAttribute('disabled');
epreventDefault() //阻止form表单默认提交

}
return false; //返回fasle,阻止提交按钮后续的一切行为
})

html验证码用验证码标签。

可以用JS做个简单的验证码 <script language="javascript">var code; //在全局 定义验证码
function createCode(){ //创建验证码函数code = ""。

var codeLength =5;//验证码的长度var selectChar =newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符,当然也可以用中文的。

主要流程:

比如我们要从一副中,识别出验证码;比如我们要从一副中,检测并识别出一张人脸。

1、图像采集:验证码呢,就直接通过>

2、预处理:检测是正确的图像格式,转换到合适的格式,压缩,剪切出ROI,去除噪音,灰度化,转换色彩空间这些。

3、检测:车牌检测识别系统要先找到车牌的大概位置,人脸检测系统要找出中所有的人脸(包括疑似人脸);验证码识别呢,主要是找出文字所在的主要区域。

静态网页也可以实现这个效果的(看看你现在浏览的这个页面是不是静态的?还不照样要输入验证码)1给个例子,学习一下吧1建三个文件 indexasp indexchkasp codeasp2 indexasp程序 function info_onsubmit(){ var frm = documentreginfo; if (frmgetcodevalue==""){ alert("请填写验证码!"); frmgetcodefocus(); return false; } reginfosubmit();}}//--> 验证码: 3 indexchkasp 程序 <% dim Gcode gcode = Trim(request("GetCode")) If CStr(gcode) <> CStr(Session("getcode")) Then ResponseWrite (" alert('友情提示!\n\n登陆验证码错误!');historyback(); ") Responseend end if %> 友情提示!登陆验证码正确!呵呵4 codeasp 程序数字型验证程序请参考页面 >

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13357275.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-21
下一篇 2023-07-21

发表评论

登录后才能评论

评论列表(0条)

保存