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

来源:互联网 发布:现代汉语词典软件 编辑:程序博客网 时间:2024/04/30 12:14

        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");


0 0
原创粉丝点击