登陆表单中添加点击刷新的验证码

首先在登录页面HTMl模板中添加div如下：

<div class="input"><span>验证码：</span><input name="code" size="10" type="text" placeholder="请输入验证码"> <img src="checkCode2.jsp" name="codeImage" onclick="refresh()" />
</div>

在底部JS代码中加入

function refresh() {//验证有缓存机制，浏览器会认为是同一个验证，所以要刷新loginForm.codeImage.src = "checkCode2.jsp?id" + Math.random();
}

验证码jsp文件详见内容管理checkcode

登陆表单中添加点击刷新的验证码相关推荐

在HTML文件的表单中添加{%csrf_token%}便可以解决问题
在HTML文件的表单中添加{%csrf_token%}便可以解决问题参考文章: (1)在HTML文件的表单中添加{%csrf_token%}便可以解决问题 (2)https://www.cnblog ...
在form表单中添加一个隐藏的reset按钮，
//在form表单中添加一个隐藏的reset按钮, <input type="reset" style="display:none;" /> //然 ...
在Power BI表单中添加图标
在Power BI图表中一般只能显示纯文本数字信息,想要显示图片的话,要么需要找一个地方把图片存储下来然后进行引用,要么就需要转换成Base64编码再进行显示. 如果只是想在表单中添加一些图标,用来标 ...
Spring Security在标准登录表单中添加一个额外的字段
概述在本文中,我们将通过向标准登录表单添加额外字段来实现Spring Security的自定义身份验证方案. 我们将重点关注两种不同的方法,以展示框架的多功能性以及我们可以使用它的灵活方式. 我们的 ...
django 表单html5,我们如何在django管理表单中添加动态html5数据属性
你继承Django的ModelChoiceField并修改它的render_options()和render_option()方法来显示你所需要的对象的属性.我想你也需要你自己的ModelChoice ...
表单中enter键，导致表单提交
表单中enter键,导致表单提交前几天,因为业务需求,测试人员发现项目有个这样的问题:一个输入框,按下enter后,导致页面刷新出现bug.排查了一会后,发现是因为enter导致了input外部的表 ...
html表格中加按钮,表单中的按钮有三种
表单中的按钮有哪几种?各有什么作用 type="button" type="image" 你下个dreamweaver 上面都有不管是什么代码自动下拉列表提示 ...
django css,Django表单中的CSS样式
猛跑小猪如果您不想在表单中添加任何代码(如@shadfc的答案的注释中所述),则肯定有可能,这里有两个选择.首先,您只需在HTML中单独引用字段,而不是一次引用整个表单: {{ form.subje ...
phpyun职位表“phpyun_company_job”添加字段,保存数据到数据库
1.企业会员发布职位添加字段" 驾照要求",在表"phpyun_company_job"添加字段"driverLicense " int(5 ...

登陆表单中添加点击刷新的验证码

登陆表单中添加点击刷新的验证码相关推荐

最新文章

热门文章