Ajax Jquery 提交验证页面数据
来源:互联网 发布:气象观测数据怎么画图 编辑:程序博客网 时间:2024/06/05 23:55
$(function(){ //需要检查为空的输入框的id数组 var nullCheckArray = new Array( "username", "password", "tel" ); //需要检查数组类型的输入框的id数组 var numberCheckArray = new Array( "age", "sex", "tel" ); $("#submit").click(function(){ //检查为空 checkNull(nullCheckArray); //检查数字类型 checkNumber(numberCheckArray); //提交数据 userInfoPost(/user/add.do); }); //检查输入框是否为空 function checkNull(idList){ if(idList != null && idList.length > 0){ for(var i = 0;i < idList.length;i++){ var elem = $("#"+idList[i]); var val = elem.val(); if($.trim(val) == ""){ alert(elem.prev().text+"不能为空!"); return false; } } return true; }else{ return false; } } //监听输入框输入类型 function checkNumber(idList){ if(idList != null && idList.length > 0){ for(var i = 0;i < idList.length;i++){ var elem = $("#"+idList[i]); //失去焦点事件 elem.blur(function(){ var val = elem.val(); if(!$.isNumeric(val)){ alert(elem.prev.text+"为数字类型"); return false; } }); } return true; }else{ return false; } } //根据id获取一个input元素的值 function V(id){ return $.trim($("#"+id).val()); } //提交用户信息 function userInfoPost(url){ //取值 var username = V("username"); var password = V("password"); var age = V("age"); var sex = V("sex"); var tel = V("tel"); //封装js对象 var userInfo = { "username" : username, "password" : password, "age" : age, "sex" : sex, "tel" : tel, }; //提交 $.ajax({ type : "post", url : url, data : userInfo, success : function(data){ //接收服务端返回值 alert(data); //设置文本框不可编辑 $(".user-info input[type=text]").each(function(){ $(this).attr("readonly","readonly"); $(this).attr("disabled","disabled"); }); //显示一个div $("#div1").css("display","block"); //隐藏一个div $("#div2").css("display","none"); } }); }});
0 0
- Ajax Jquery 提交验证页面数据
- jQuery--Ajax提交页面数据
- JQuery验证成功之后,使用ajax提交数据,jqueryajax
- jquery ajax 页面操作提交
- jquery中用$.ajax实现注册(html、jquery、php、接口文档)、ajax验证用户提交数据
- jquery的ajax提交数据
- jquery验证form并ajax提交
- jquery---------ajax+validate表单异步提交验证
- jquery---------ajax+validate表单异步提交验证
- jquery---ajax异步提交+validate表单验证
- jquery之ajax提交、js验证表单
- validate验证+jquery+ajax提交表单
- jquery---------ajax+validate表单异步提交验证
- struts2+jquery ajax提交登录超时验证
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- 结合AJAX自定义WebForm_PostBackOptions验证提交数据
- 页面编码为GBK时 jquery 提交ajax数据完美解决"中文乱码"方案
- 页面编码为GBK时 jquery 提交ajax数据完美解决中文乱码方案
- 转载:Unit Test图示
- 关于MemStore的刷新方式
- PAT 1004. Counting Leaves (30)
- hadoop--单表关联
- eclipse+pydev 官网下载+安装(win7)
- Ajax Jquery 提交验证页面数据
- c++第五次实验—项目一
- 绘制余弦函数图像
- C语言常用库函数(含详细用法)
- 接口类和抽象类的区别
- 不想使用Externalizable,但想拥有像writeExternal,readExternal两方法。(长时间保存对象方法三)
- [leetcode108]Convert Sorted Array to Binary Search Tree
- js 搜索关键词高亮
- JAVA 学习小白之路