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
- jquery validate ajaxsubmit无法跳转到action。缺少js文件
- JS 跳转到指定Action
- JS 跳转到指定Action
- IE8+Win7下ajaxSubmit异常问题 提示缺少对象 jquery.min.js
- 解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
- Jquery $.ajaxSubmit()调用Struts2的Action示例
- 关于jQuery validate remote 提交到struts2的action里面
- 利用jquery.form.js的ajaxSubmit实现不跳转提交表单数据
- jquery ajaxsubmit上传文件初探
- jQuery.ajaxSubmit异步提交表单并用jQuery.validate进行校验
- Form表单利用jQuery Validate验证ajaxSubmit提交
- jquery.validate.js在IE6 引用时出现 [错误消息:缺少 ';']
- jquery.form.js的ajaxSubmit使用
- jquery.form.js------ajaxSubmit提交实例
- jquery.form.js ajaxSubmit()使用案例
- 表单验证-从js原生代码到Jquery validate
- jquery.validate.js简介
- jQuery.validate.js API
- 百度的众测,一种新的获取标签方式
- 顺序栈
- ural 1167. Bicolored Horses(dp)
- 进制转换
- 图像自动测试框架
- jquery validate ajaxsubmit无法跳转到action。缺少js文件
- 嵌入式系统开发步骤
- VMware虚拟机配置文件(.vmx)损坏修复
- 正确使用 Volatile 变量
- 嵌入式系统开发之环境的建立
- 1411012250-ny-孪生素数问题
- Lua编译
- C语言画空心菱形
- 黑马程序员——异常机制5:练习