您的位置:首页 > Web前端 > JQuery

jquery validate ajaxsubmit无法跳转到action。缺少js文件

2014-11-01 23:13 351 查看

jquery validate ajaxsubmit无法跳转到action。缺少js文件

使用ssi去做一个登录的功能,想通过jquery的jquery.validate.min.js去做账号密码的验证。账号密码的正确性想使用ajax异步调action去做校验。查看validate的方法,

发现submitHandler应该挺好用的,他是在数据验证完之后,如果没有问题,则调用ajax去提交表单。

尝试后,发现,通过ajaxSubmit方法无法调用action层!卧槽。试了很多方法,js检查了n遍也发现没问题啊。怀疑是不是这个方法在jquery.validate.min.js里面不存在啊。但是查看官方文档,里面是推荐这么写的啊:

很奇怪。使用chrome去尝试提交了几遍,发现js侧调用ajaxSubmit的时候,会突然报错,然后立马消失:undefined is not a function.

那肯定是这个方法不存在了。于是咨询了度娘,发现缺少一个jquery的js:jquery-form.js.添加进去之后。终于可以了。本人新手,如有不对请指正。大神请绕道。

代码如下:

js层

$('.login-form').validate({
errorElement: 'label', //default input error message container
errorClass: 'help-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
rules: {
username: {
required: true,

},
password: {
required: true
},
remember: {
required: false
}
},

messages: {
username: {
required: "请输入用户名."
},
password: {
required: "请输入密码."
}
},

invalidHandler: function (event, validator) { //display error alert on form submit
$('.alert-error', $('.login-form')).show();
},

highlight: function (element) { // hightlight error inputs
$(element)
.closest('.control-group').addClass('error'); // set error class to the control group
},

success: function (label) {
label.closest('.control-group').removeClass('error');
label.remove();
},

errorPlacement: function (error, element) {
error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon'));
},
submitHandler: function(form)
{
alert("submitted!");
var userName = $("#username").val();
var password = $("#password").val();
var urls="login!login.action";

$(form).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: urls,
data: {
'username': userName,
'password': password
},
success: function(data) {
alert('提交成功!');
}
});
}

});
$('.login-form input').keypress(function (e) {
if (e.which == 13) {
if ($('.login-form').validate().form()) {
window.location.href = "mainframe.html";
}
return false;
}
});
action层

public String login() throws Exception {
request = ServletActionContext.getRequest();
response = ServletActionContext.getResponse();
System.out.println("sbsbsbsb");
String a="";
String userNo1 = (String) request.getParameter("username");
String userPass1 = (String) request.getParameter("password");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐