一.ajax

1.

//验证原密码1.ajax,正则

var ok1=false,ok2=false,ok3=false;

$(function () {

$("[name=upass]").blur(function () {

var upass=$(this).val();

$.ajax({

url:"/user/updatepassword",

data:"upass="+upass,

type:"post",

datatype:"text",

success:function (rs) {

if ('原密码正确'==rs) {

ok1=true;

}else {

ok1=false;

}

$("[name=upass]").next().html(""+rs+"");

}

});

});

//验证新密码

$("[name=userPs]").blur(function() {

var newpass=$(this).val();

var reg=/^\w{6,}$/;

if(reg.test(newpass)){

$(this).next().html("新密码可用");

ok2=true;

}else {

$(this).next().html("新密码不可用");

ok2=false;

}

});

//验证重复密码格式，是否与新密码相同

$("[name=newpass2]").blur(function () {

var newpass2=$(this).val();

var newpass=$("[name=userPs]").val();

var reg=/^\w{6,}$/;

if(reg.test(newpass2)){

if (newpass==newpass2){

$("[name=newpass2]").next().html("两次密码一致");

ok3=true;

} else {

$("[name=newpass2]").next().html("两次密码不一致");

ok3=false;

}

}else {

$(this).next().html("重复密码不可用");

ok3=false;

}

});

//提交表单

$("#button2").click(function () {

if(ok1&&ok2&&ok3){

document.forms[0].submit();

}else{

alert("输入有误")

}

});

});

处理ajax请求返回

2.jquery的validate

导入

jquery.validate.js

编写validate代码

$(function(){

$("form").validate({

rules:{

upass:{required:true,

remote:"/user/updatepassword"},

userPs:{required:true,minlength:6},

newpass2:{required:true,equalTo:"#userPs"}

},

messages:{

upass:{

required:"请输入原密码",

remote:"与原密码不一致"

},

userPs:{

required:"请输入新密码",

minlength:"新密码至少6位"

},

newpass2:{

required:"请输入重复密码",

equalTo:"两次密码要一致"

}

}

})

})

使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在标签里面的. 如果使用ajax一定是要有1个处 ...

MVC与Validate验证提示的样式修改

MVC中使用Validate的验证,要修改错误提示样式一共有3处需要修改,否则就不太完美了: MVC中的Validate的验证机制只用在后台写一次,就可以完成前台和后台的完美验证,前台的验证主要是依靠 ...

自坑实录 - Asp.net MVC中无法使用@Ajax.BeginForm问题解决

创建空的web项目,通过Nuget引用mvc组件来搭建空的MVC项目时, 在视图页面中无法使用@Ajax.BegForm来进行异步提交数据, 而新建默认的MVC模板项目却能够正常使用@Ajax.Beg ...

JavaScript中的ajax(二)

一.Ajax概念Ajax是(Asynchronous JavaScript And XML)是异步的JavaScript和xml.也就是异步请求更新技术.Ajax是一种对现有技术的一种新的应用,不是一 ...

Jquery中的Ajax

AJAX: * jQuery中的Ajax * 封装第一层 - 类似于原生Ajax的用法 * $.ajax() - 最复杂 * 选项 * url - 请求地址 * type - 请求类型,默认为GET ...

jQuery入门(4)jQuery中的Ajax应用

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

【Java EE 学习 33 上】【JQuery样式操作】【JQuery中的Ajax操作】【JQuery中的XML操作】

一.JQuery中样式的操作 1.给id=mover的div采用属性增加样式.one $("#b1").click(function(){ $("#mover" ...

PHP--------TP中的ajax请求

PHP--------TP中的ajax请求 以jQuery中的ajax为例: (1)引入jQuery 通过模板替换表示路径,我们可以自定义模板替换变量(在config中定义) /*自定义模板替换标签* ...

jquery中的ajax参数

jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...

随机推荐

MFC序列化与反序列化

#pragma once #include "afx.h" #include using std::vector; class HzyData : p ...

Nginx 日志文件切割

Nginx 是一个非常轻量的 Web 服务器,体积小.性能高.速度快等诸多优点.但不足的是也存在缺点,比如其产生的访问日志文件一直就是一个,不会自动地进行切割,如果访问量很大的话,将 导致日志文件容量 ...

Angular2 - Starter - Routes, Route Resolver

在基于Angualr的SPA中,路由是一个很重要的部分,它帮助我们更方便的实现页面上区域的内容的动态加载,不同tab的切换,同时及时更新浏览器地址栏的URN,使浏览器回退和前进能导航到历史访问的页面. ...

Python基础之字符编码

前言 字符编码非常容易出问题,我们要牢记几句话: 1.用什么编码保存的,就要用什么编码打开 2.程序的执行,是先将文件读入内存中 3.unicode是父编码,只能encode解码成其他编码格式 utf ...

开机出现loading Operating System的解决方案

今天清理机箱之后开机发现电脑屏幕出现以下界面,提示的内容是"正在加载操作系统,磁盘启动失败,请插入系统盘..",出现这种状况的原因有以下几种: 1.主引导的扇区的损坏或者信息的错乱 ...

【Discuz】关于出现“对不起，您安装的不是正版应用..”的解决方法

使用Discuz!建站的站长都会遇到这样的问题:有些插件和风格在安装时出现不能安装的现象,出现以下提示: 不起,您安装的不是正版应用,安装程序无法继续执行 点击这里安装正版应用 针对这一情况,本人从网 ...

Merging one UE4 project into another.

Merging can be done by right clicking on folder in the content directory in the editor and selecting ...

Java开发人员必须掌握的Linux命令(三)

做一个积极的人 编码.改bug.提升自己 我有一个乐园,面向编程,春暖花开! 学习应该是快乐的,在这个乐园中我努力让自己能用简洁易懂(搞笑有趣)的表达来讲解知识或者技术,让学习之旅充满乐趣,这就是写博 ...

SharePoint CAML In Action——Part I

在SharePoint中,我们经常要对List进行操作,比如要从List中取出相应的ListItem,利用CAML是个好办法.在没了解CAML之前,我是这样取数据的: MyList.Items.Cas ...

android 8 wifi 信号等级

wifi信号等级 /frameworks/base/wifi/java/android/net/wifi/wifimanager.java calculateSignalLevel为计算信号等级函数, ...