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");
相关文章推荐
- IE8+Win7下ajaxSubmit异常问题 提示缺少对象 jquery.min.js
- 0.jquery 验证,以及显示出现错误的地方 1.当用jquery.validate与ajax时候特别小心在每句后面的逗号问题,如果不需要的地方加上逗号会造成页面无法进入js验证
- 黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)
- php jquery之ajax上传文件 ajaxfileupload.js
- jquery validate ajax submit form
- 解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
- jquery.form.js关于$("form").ajaxSubmit is not a function原因 .
- google jQuery引用文件直接引用地址http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
- jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传
- AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
- SSH框架,AjaxJson显示数据,项目框架搭建;注意action跳转不用叹号,springMVC和springAnnotation要修改spring配置文件
- 使用jquery.form.js的ajaxsubmit方法提交数据的Bug
- jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 通用JS,可部署在JS文件里,供调用最后两个ajax请求是基于jquery的
- ajax上传图片 jquery插件 jquery.form.js 的方法 ajaxSubmit; AjaxForm与AjaxSubmit的差异
- google jQuery引用文件直接引用地址http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
- 黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)
- jquery的ajaxSubmit()和多文件上传
- jquery的ajaxSubmit()和多文件上传