AJAX异步表单验证用户名是否存在(jsp+sevlet实现)
发布网友
发布时间:2022-04-26 17:59
我来回答
共2个回答
热心网友
时间:2022-04-23 00:53
AJAX异步校验表单输入的用户名的实现。
jsp中的ajax校验是放在js中做的,如下:
<script type="text/javascript">
function init(){
document.getElementById("username").focus();
}
function validate(userfield) {
if (trim(userfield.value).length != 0) {
var xmlHttpRequest = null;
var url = "../AccountIsExistServlet?account=" + userfield.value;
var usermsg = document.getElementById("usermsg");
if (window.XMLHttpRequest) {//表示当前浏览器不是IE
xmlHttpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlHttpRequest.open("GET", url, true);//设置请求方式为GET,设置请求的URL,设置为异步提交
xmlHttpRequest.onreadystatechange = function(){//将方法地址复制给onreadystatechange属性
if(xmlHttpRequest.readyState == 4){//Ajax引擎状态为成功
if(xmlHttpRequest.status == 200){//HTTP协议状态为成功
if(trim(xmlHttpRequest.responseText) != ""){
usermsg.innerHTML = "<font color='red'>" + trim(xmlHttpRequest.responseText) + "</font>";
userfield.focus();
}else{
usermsg.innerHTML = "恭喜您,用户名可以使用。 ";
}
}else{
alert("请求失败,错误码=" + xmlHttp.status);
}
}
};
xmlHttpRequest.send(null);//将设置信息发送到Ajax引擎
}else{
usermsg.innerHTML = "";
}
}
热心网友
时间:2022-04-23 02:11
$(function(){
$("#txtEmail").blur(function(){
//检查是否为空
var myreg = /(\S)+[@]{1}(\S)+[.]{1}(\w)+/;
if($("#txtEmail").val()==""){
$("#email_info").css("color","red");
$("#email_info").text("邮箱为空!");
return;
}else if(!myreg.test($("#txtEmail").val())){
$("#email_info").css("color","red");
$("#email_info").text("邮箱无效!");
return;
}
$("#email_info").text("正在检测....");
//发送Ajax请求
$.post(
"valid!emailValid.action?dt="+new Date().getTime(),
{"email": $("#txtEmail").val()},
function(data){
//alert(data.ok);
if(data.ok){
//alert("......");
em=true;
$("#email_info").css("color","green");
$("#email_info").text("可以注册!");
}else{
$("#email_info").css("color","red");
$("#email_info").text("已被注册邮箱!");
em=false;
}
}
),
"json"
});
});
public String emailValid(){
UserDAO u =(UserDAO) DaoFactory.getDaoinstance(UserDAO.class);
User user = u.findByEmail(email);
if(user==null){
ok = true;
}else{
ok = false;
}
return "success";
}
AJAX完全小白,需求一AJAX异步表单验证用户信息是否在数据库中存在,教明...
if(return_data['result'] == 1){//定于0说明已存在 target.next('span').show();//显示提示span target.next('span').html(return_data['msg']);//给出提示,放在target(表单控件)后面的span中 }else{ target.next('span').hide();//隐藏提示span } } //向服务器发送ajax请求验证...
利用ajax 验证表单中用户名是否存在时输入中文字符不能验证,但是输入英 ...
Ajax获取gb2312编码的中文网页时,会出现乱码是因为JS存在数组中的数据是以UTF-8国际标准格式存储的,而中文一般是以GB2312格式存取的。UTF-8以三个字节显示一个汉字,而GB2312会以两个字节显示一个汉字 服务器端解决方案:public static String UnicodeToGB(String strIn){ String strOut = null;if(s...
asp中如何检测用户名已经存在?
} 该函数的主要功能就是异步获得cu.asp的内容,在此前将先提取当前页表单元素“u_name”即用户名文本框zhogn 的值,通过cu.asp其后的参数及赋值而得到了不同的结果(true or false)。那么这里要说的即是cu.asp,他的主要功能就是接受URL参数name的值做内容显示,该内容最终被t1.htm异步获取。<!-...
AJAX异步处理是什么意思的?
【答案】:打个比方吧,通常情况下,用户注册,那么用户首先得填写好表单,然后点提交,这样表单就会向服务发出一个请求,则服务器处理代码,如果用户存在,则返回一个信息。总之,就是所有的数据需要你点提交后,信息才会发送!而AJAX就相当于是模拟了一个信息发送请求,你可以在很多网站上注册的时候会发...
支付宝的账号验证是ajax吗?
支付宝的账号验证是ajax。登录页面用的是Iframe,Src为:https://auth.alipay.com/login/homeB.htm 登录的验证分为客户端验证(用户名格式之类)和异步请求验证(用户名是否存在),密码则是直接提交表单就可以了。AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式...
如何使用ajax验证表单? 希望有一个可以直接参考的代码,谢谢。_百度...
jialiu830205@163.com 后台Asp.net(C#)创建一个一般处理程序 test.ashx 内容如下:创建一个html页面,内容如下 执行结果:点击提交的时候,页面没有刷新。当然你也可以使用其他任何一种开发工具或语言如php或asp,或jsp,只要把后台方法修改,然后把js中调用的url参数换成相应的路径即可实现相同的效果。
ajax的异步发送请求与form表单发送请求有什么区别
有如下几种区别:1. Ajax在提交、请求、接收时,都是异步进行的,网页不需要刷新;Form提交则是新建一个页面,哪怕是提交给自己本身的页面,也是需要刷新的;2. A在提交时,是在后台新建一个请求;F却是放弃本页面,而后再请求;3. A必须要使用JS来实现,不启用JS的浏览器,无法完成该操作;F却是...
后端接收ajax数据(ajax向后端传值)
java后台获取网页ajax数据和返回数据简单源码1、url,就是你要跟后台异步交互的后台程序路径,data这个是可选的,就是需要用的时候才加上就可以,data就是后台传过来的数据,比如你动态校验用户名是否存在,data里存的就是用户名存在或用户名不存在等字样。2、在JS中,一般是使用eval()函数将JSON的字符...
jsp ajax提交form表单给servlet获取到的数据为空是什么原因呢_百度知 ...
因为ajax提交时,必须显示的把表单值设上,你看看你写的这句:data:{ "action":"get","dz":"jbxx"} 里面没pwd这个值,所以System.out.println(request.getParameter("pwd"));是null
...3.2.3利用Ajax前台实现验证码验证,但通过form表单的按钮提交后,验证...
'reset' => true, // 验证成功后是否重置 );verify=new Verify($config); //实例化Verify类。 空间类元素引入。使用次数多的情况下。//verify= new \Think\Verify 完全限定名称方式。 使用次数少的情况下。verify->entry(); //数据验证码。} 2.下面的是一段验证码显示...