}
.logo-container img {
width: 100px ;
}
.message-container {
height: 80px ;
}
.link-container {
height: 40px ;
line-height: 40px ;
}
.link-container a {
text-decoration: none ;
}
/style
/head
body
div class="container form-container"
form action="/wendao/regist.do" method="post"
div class="form" !-- 注册表单开始 --
div class="form-row"
span class="cell-1"
i class="fa fa-user"/i
/span
span class="cell-11" style="text-align: left;"
input type="text" name="username" placeholder="请输入用户名"
/span
/div
div class="form-row"
span class="cell-1"
i class="fa fa-key"/i
/span
span class="cell-11" style="text-align: left;"
input type="password" name="password" placeholder="请输入密码"
/span
/div
div class="form-row"
span class="cell-1"
i class="fa fa-keyboard-o"/i
/span
span class="cell-11" style="text-align: left;"
input type="password" name="confirm" placeholder="请确认密码"
/span
/div
div class="form-row"
span class="cell-7"
input type="text" name="verifyCode" placeholder="请输入验证码"
/span
span class="cell-5" style="text-align: center;"
img src="/images/defaultpic.gif"
/span
/div
div class="form-row" style="border: none;"
span class="cell-6" style="text-align: left"
input type="reset" value="https://www.04ip.com/post/重置"
/span
span class="cell-6"style="text-align:right;"
input type="submit" value="https://www.04ip.com/post/注册"
/span
/div
/div !-- 注册表单结束 --
/form
/div
/body
/html
效果如下图:
在控制台接收到的图片中验证码的变化如下:
当点击刷新页面的时候,验证码也会随着变化,但我们看不清验证码时,只要点击验证码就会刷新,这样局部的刷新可以用JavaScript来实现 。
在img
src="/images/defaultpic.gif"中,添加一个问号和一串后缀数字 , 当刷新时让后缀数字不断改变,那么形成的验证码也会不断变化,我们可以采用的一种办法是后缀数字用date代替,date获取本机时间,时间是随时变的 , 这样就保证了刷新验证码可以随时变化 。
代码如下:
function myRefersh( e ) {
const source = e.src ; // 获得原来的 src 中的内容
//console.log( "source : " + source) ;
var index = source.indexOf( "?" ) ;// 从 source 中寻找 ? 第一次出现的位置 (如果不存在则返回 -1 )
//console.log( "index : " + index) ;
if( index-1 ) { // 如果找到了 ?就进入内部
var s = source.substring( 0 , index ) ; // 从 source 中截取 index 之前的内容 ( index 以及 index 之后的内容都被舍弃 )
//console.log( "s : " + s) ;
var date = new Date(); // 创建一个 Date 对象的 一个 实例
var time = date.getTime() ; // 从 新创建的 Date 对象的实例中获得该时间对应毫秒值
e.src = https://www.04ip.com/post/s +"?time=" + time ; // 将 加了 尾巴 的 地址 重新放入到 src 上
//console.log( e.src ) ;
} else {
var date = new Date();
e.src = https://www.04ip.com/post/source +"?time=" + date.getTime();
}
}
如回答不详细可追问
java用户注册验证代码,用户名 , 密码,手机号,身份证 , email,信息显示在输入框后面是要效果还是需要通过java验证之后不用刷新页面客户端就知道这些信息是否被人使用过或者该密码是否符合该网站的信息填写要求? 这样的是同过ajax和验证来实现!参考ajax!
Java Web开发jsp注册页面怎样用javaScript代码直接在页面上注册内容后面显示验证信息可以实现java注册代码验证的 , 如果java注册代码验证你是要在注册文本框后面显示的话可以增加一个span,然后在javascript中获取到文本框的值,然后传给span,
推荐阅读
- 电脑独立显卡风扇怎么吹,显卡的风扇往哪吹
- asp.netmvc动态模板,aspnet mvc viewbag
- 海鲜直播用什么拍摄技巧,海鲜直播用什么拍摄技巧最好
- linux开端口命令行 linux开启端口号
- 长沙排水管网gis系统,长沙排水中心
- flutter开发应用框架,flutter开发框架搭建
- word字怎么倒着,word文档字怎么倒着
- vb.net建控件数组 vb中命令按钮数组怎么创建
- 安卓浏览器播放netflix的简单介绍