Ajax:项目实例-表单登陆

1、使用Ajax实现以下功能-用户表单登陆：
1）、用户表单登陆时判断是否为注册用户
2）、若是新用户提示，先进行注册，禁用登陆按钮
3）、若是老用户提示“登陆中，”
HTML代码：

User login

JS代码：

addEvent(window,‘load’,function(){
var user=document.getElementById(‘name’);
//Cteate focus event
addEvent(user,‘blur’,function(){
//Create an Ajax Object
var xhr = createXHR();
//Create event listener
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status == 200){
if(xhr.responseText == 0)
document.getElementById(‘warning’).innerHTML=‘New user!’
document.getElementById(‘submit’).disabled=true;
}
}
};
//Create url Request
var user=document.getElementById(‘name’).value;
var password = document.getElementById(‘password’).value;
var date = ‘name=’+user+’&password=’+password;
var url =‘chek.php’;
xhr.open(‘post’,url,true);
// Set header information
xhr.setRequestHeader(‘content-type’,‘application/x-www-form-urlencoded’);
//Send Request
xhr.send(date);
//Create event listener
var submit= document.getElementById(‘submit’);
addEvent(submit,‘click’,function(evt){
document.getElementById(‘tips’).innerHTML=‘pass’;
//return false;
preDef(evt);
});

});

})

PHP代码

<?php $userList =[' xx',' ji ','mi']; //Create datebase $user=isset($_POST['name'])? $_POST['name'] : ' '; echo in_array($user,$userList)? 1 : 0 ; ？>

Ajax:项目实例-表单登陆相关推荐

js登录特效+ajax提交表单+异步刷新验证
今天成功测试一种js登录特效+ajax提交表单+异步刷新验证,登录时特效提醒,无刷新ajax提交表单,获取验证结果,跳转正式页面:废话不多说,先直接分享代码: 1.主界面index.php 加载的这 ...
ajax合并表单,ajax。表单
JQuery读书笔记--JQuery-Form中的ajaxForm和ajaxSubmit的区别 JQuery中的ajaxForm和ajaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解 ...
VIEW层AJAX提交表单到Controller的实体(AJAX传递序列化的输入元素)
在MVC环境中,AJAX方式添加一个对象,这个对象在Models中是一个视图模型,在前台显示时是这样的代码: <%using (Html.BeginForm()) { %> ...
php ajax弹出框传值,PHP_Yii2.0 模态弹出框+ajax提交表单，如题我们使用模态弹出框+ajax - phpStudy...
Yii2.0 模态弹出框+ajax提交表单如题我们使用模态弹出框+ajax提交表单首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
Yii2.0 模态弹出框+ajax提交表单
如题我们使用模态弹出框+ajax提交表单首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: <?php echo Html::a( ...
html ajax提交表单实例,Ajax提交表单并接收json实例代码
需求: 实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据.过程中页面不刷新. html代码 xingming: nianling: ajax提交 js代码 function my ...
ajax提交后立刻刷新,Ajax提交表单页面刷新很快的解决方法
注:使用ajax 提交表单时 type类型最好不用submit 用button合适 function formCheck(){ $.ajax({ type: "post", url ...
BJUI使用ajax异步表单提交时后台action要加@ResponseBody
场景在使用BJUI的ajaxform异步表单提交时,后台直接使用 @RequestMapping时不能正常回显消息. 知识储备 ajaxform异步表单提交通过data属性使用(带验证): < ...

Ajax:项目实例-表单登陆

User login

Ajax:项目实例-表单登陆相关推荐

最新文章

热门文章