js弹出验证码输入框,点击确定按钮获取到验证码发送到后台进行验证,
正确的话跳转页面,错误的话返回到页面弹出框提示请输入正确验证码,应该怎么做?
使用JS弹出一张网页,用JS设置这张网页的大小,弄成小框。网页上弄个表单,提交一下不就可以了吗?
function OpenWindow(){ window.open("Sample.htm",null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); }<br><br> <!--<br><br> window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, <br> menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行 <br> --><br><br>
参数解释:
js脚本开始;<br><br> window.open 弹出新窗口的命令;<br><br> 'page.html' 弹出窗口的文件名;<br><br> 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;<br><br> height=100 窗口高度;<br><br> width=400 窗口宽度;<br><br> top=0 窗口距离屏幕上方的象素值;<br><br> left=0 窗口距离屏幕左侧的象素值;<br><br> toolbar=no 是否显示工具栏,yes为显示;<br><br> menubar,scrollbars 表示菜单栏和滚动栏。<br><br> resizable=no 是否允许改变窗口大小,yes为允许;<br><br> location=no 是否显示地址栏,yes为允许;<br><br> status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;<br><br> js脚本结束
在验证码输入框添加blur事件用ajax发送输入的验证码到服务器端进行判断,如果正确输出1,客户端ajax获取服务器返回判断是否进行跳转
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<input type="text" onblur="ckVry(this)" /><img src="验证码地址" id="imgVry" alt="" />
<script>
function ckVry(o) {
if (o.value == '') { alert('请输入验证码!'); o.focus(); return false }
$.ajax({ url: 'xxx.asp', data: { v: o.value }, type: 'POST', complete: function (xhr) {
if ('1' == xhr.responseText) location = 'xxxxxxxxxx';
else alert('验证码不正确!');
}
});
}
</script>
xxx.asp
if request.form("v")=Session("验证码键名称") then response.write "1"
你没有用一些前台的框架来辅助完成么。。