jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)
作者:微笑Tears
这篇文章主要介绍了jQuery validate(submitHandler函数)验证通过发送Ajax,可以用validate框架验证元素,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
js代码:
$(function() {
$('#form').validate({
onkeyup : false,
rules : {
oldPassword:{
required:true,
remote : {
url : global.context + '/admin/password/duplicate',
data : {
oldPassword : function() {
return $('#oldPassword').val();
password : {
required : true,
minlength : 6
repeat : {
required : true,
minlength : 6,
equalTo:'#password'
messages : {
oldPassword:{
required:'请输入原密码',
remote : '请输入正确的原密码'
password : {
required : '请输入密码',
minlength : '长度需大于6'
repeat : {
required : '请确认密码',
equalTo : '两次输入密码不一致',
minlength : '长度需大于6'
submitHandler:function(form){
var password = $('#password').val();
var repeat = $('#repeat').val();
$.ajax({
url : global.context + '/admin/password',
type : 'put',
contentType : "application/json; charset=utf-8",
data : JSON.stringify({
password : password,
repeat : repeat
success : function(data) {
console.log(data);
if(data.status=='success'){
alert("修改密码成功");
个人感觉比较好用,可以用validate框架验证元素。
JQuery的submitHandler
之前做表单验证,有设置submitHandler
submitHandler: function(){
$("form").submit();
这样表单验证通过后会自动提交。。。。