把填写的验证码字符串通过ajax发送到后台,后台接收到字符串后,再从session里面找到实际的验证码字符串,两个对比,把对比的结果再给ajax,ajax再在页面做相应的提示就行了。
成都创新互联秉承实现全网价值营销的理念,以专业定制企业官网,成都网站制作、网站设计,小程序开发,网页设计制作,手机网站制作设计,营销型网站帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理,汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。
如果想问ajax如何实现,建议用jquery吧,它已经封装好了ajax和后台交互的代码,只需要简单的写一个servlet,通过servlet来获取ajax提交的数据,校验工作在servlet里面处理,这样就能完成校验工作。
给一个提示:
request.getSession().getAttribute("session中变量的名称");
验证码可以由动态页面来实现 ,单纯的jquery是实现不了的,你说的那种效果 可能就是利用jquery来判断验证码输入是否正确
使用jquery的ajax即可
例如一个img
img onclick="" /
这个onclick里面就可以ajax调用后台,后台生成验证码返回给前台即可
用到的正则意思就是6位的字母,数字,后台同样可以保证,只要在其中取即可。
;word=jsp+%D1%E9%D6%A4%C2%EB+yugi111ie=gbk
1、功能
简单实现客户端信息验证,过滤不符合要求的信息
2、jquery.validate使用方法
a.引用js
script type="text/javascript" src="jquery.js"/script
script type="text/javascript" src="jquery.validate.js"/script
b.引用css
.error{
color:red;
margin-left:8px;
}
c.使用控件
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
rules: {
firstname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true,
},
dateformat: "required",
terms: "required"
},
messages: {
firstname: "姓名不能为空",
username: {
required: "用户名不能为空",
minlength: jQuery.format("用户名只少由 {0} 字符组成")
},
password: {
required: "密码不能为空",
minlength: jQuery.format("密码只少由 {0} 字符组成")
},
password_confirm: {
required: "确认密码不能为空",
minlength: jQuery.format("确认密码只少由 {0} 字符组成"),
equalTo: "秘密与确认密码不一致"
},
email: {
required: "邮箱不能为空",
email: "邮箱格式不正确"
},
dateformat: "请选择性别",
terms: " "
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next());
else if ( element.is(":checkbox") )
error.appendTo ( element.next());
else
error.appendTo( element.parent().next());
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
},
highlight: function(element, errorClass) {
$(element).parent().next().find("." + errorClass).removeClass("checked");
}
});
});