搜索
首页后端开发php教程关于手机验证码的验证问题

在用户注册的时候,需要输入一些内容,给每个表单一个flag值
当失去焦点时,检测该表单的flag值
最后提交的时候,这些flag值都正确,才可以提交
但是问题来了:
假如现在用户的焦点在验证码输入框中,用户输入完验证码之后点击提交按钮注册,没什么问题
因为用户把鼠标从验证码输入框移到到提交按钮,验证码的验证工作已经完成了,它的flag值已经为真
然而如果用户用回车键提交,而焦点仍然在验证码输入框中,这就需要用代码手动focusout()下

<code>$("input:focus").focusout();
for(var i=0;i</code>

验证码放在session里,这个时候要去后台检测用户的验证码是否正确,还没检测完,表单的flag值还为假,接着下面的代码却执行了,就给return false了,导致表单无法提交
我也曾想过给for循环一个延时,这样用户提交的时候,那些该验证的都可以验证完成
但是这种情况,用户什么都不输入,就能直接提交了,前台的验证全部作废
不知道我的描述是否足够清楚,有什么没说明白的,可以留言,感谢大家了

回复内容:

在用户注册的时候,需要输入一些内容,给每个表单一个flag值
当失去焦点时,检测该表单的flag值
最后提交的时候,这些flag值都正确,才可以提交
但是问题来了:
假如现在用户的焦点在验证码输入框中,用户输入完验证码之后点击提交按钮注册,没什么问题
因为用户把鼠标从验证码输入框移到到提交按钮,验证码的验证工作已经完成了,它的flag值已经为真
然而如果用户用回车键提交,而焦点仍然在验证码输入框中,这就需要用代码手动focusout()下

<code>$("input:focus").focusout();
for(var i=0;i</code>

验证码放在session里,这个时候要去后台检测用户的验证码是否正确,还没检测完,表单的flag值还为假,接着下面的代码却执行了,就给return false了,导致表单无法提交
我也曾想过给for循环一个延时,这样用户提交的时候,那些该验证的都可以验证完成
但是这种情况,用户什么都不输入,就能直接提交了,前台的验证全部作废
不知道我的描述是否足够清楚,有什么没说明白的,可以留言,感谢大家了

你可以在将要提交的时候再把所有的检验条件都执行一遍,在去检查所有的flag是否为真。

可以直接提交验证码的输入值和后台的session做比较呀,为啥要提交一个前端验证的标记呢?前端所有提交的东西都可以伪造的。

你提交之前再加个ajax事件,也就是判断验证码是否正确,正确再提交,不正确弹窗,不提交。
就能防止上述的情况了。

<code>$("input[type=submit]").click(function(){
    $("input:focus").focusout();
    // 检测延时50s左右
    setTimeout(function(){
        var submitFlag=true;
        // 两个for循环可以抽出一个函数
        for(var i=0;i</code>
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
高流量网站的PHP性能调整高流量网站的PHP性能调整May 14, 2025 am 12:13 AM

TheSecretTokeEpingAphp-PowerEdwebSiterUnningSmoothlyShyunderHeavyLoadInVolvOLVOLVOLDEVERSALKEYSTRATICES:1)emplactopCodeCachingWithOpcachingWithOpCacheToreCescriptexecution Time,2)使用atabasequercachingCachingCachingWithRedataBasEndataBaseLeSendataBaseLoad,3)

PHP中的依赖注入:初学者的代码示例PHP中的依赖注入:初学者的代码示例May 14, 2025 am 12:08 AM

你应该关心DependencyInjection(DI),因为它能让你的代码更清晰、更易维护。1)DI通过解耦类,使其更模块化,2)提高了测试的便捷性和代码的灵活性,3)使用DI容器可以管理复杂的依赖关系,但要注意性能影响和循环依赖问题,4)最佳实践是依赖于抽象接口,实现松散耦合。

PHP性能:是否可以优化应用程序?PHP性能:是否可以优化应用程序?May 14, 2025 am 12:04 AM

是的,优化papplicationispossibleandessential.1)empartcachingingcachingusedapcutorediucedsatabaseload.2)优化的atabaseswithexing,高效Quereteries,and ConconnectionPooling.3)EnhanceCodeWithBuilt-unctions,避免使用,避免使用ingglobalalairaiables,并避免使用

PHP性能优化:最终指南PHP性能优化:最终指南May 14, 2025 am 12:02 AM

theKeyStrategiestosiminificallyBoostphpapplicationPermenCeare:1)useOpCodeCachingLikeLikeLikeLikeLikeCacheToreDuceExecutiontime,2)优化AtabaseInteractionswithPreparedStateTemtStatementStatementSandProperIndexing,3)配置

PHP依赖注入容器:快速启动PHP依赖注入容器:快速启动May 13, 2025 am 12:11 AM

aphpdepentioncontiveContainerIsatoolThatManagesClassDeptions,增强codemodocultion,可验证性和Maintainability.itactsasaceCentralHubForeatingingIndections,因此reducingTightCightTightCoupOulplingIndeSingantInting。

PHP中的依赖注入与服务定位器PHP中的依赖注入与服务定位器May 13, 2025 am 12:10 AM

选择DependencyInjection(DI)用于大型应用,ServiceLocator适合小型项目或原型。1)DI通过构造函数注入依赖,提高代码的测试性和模块化。2)ServiceLocator通过中心注册获取服务,方便但可能导致代码耦合度增加。

PHP性能优化策略。PHP性能优化策略。May 13, 2025 am 12:06 AM

phpapplicationscanbeoptimizedForsPeedAndeffificeby:1)启用cacheInphp.ini,2)使用preparedStatatementSwithPdoforDatabasequesies,3)3)替换loopswitharray_filtaray_filteraray_maparray_mapfordataprocrocessing,4)conformentnginxasaseproxy,5)

PHP电子邮件验证:确保正确发送电子邮件PHP电子邮件验证:确保正确发送电子邮件May 13, 2025 am 12:06 AM

phpemailvalidation invoLvesthreesteps:1)格式化进行regulareXpressecthemailFormat; 2)dnsvalidationtoshethedomainhasavalidmxrecord; 3)

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具