`

Ajax+Jquery请求(获取文本值和相关验证)

阅读更多
function addUsers() {

var urlStr = "/ajax/home.action?op=User.addUsers";

var pwdText = $("#pwdText").val();

if(isNullStr(pwdText)){
alert("密码不能为空");
return;
}

var pwdAginText = $("#pwdAginText").val();
if(isNullStr(pwdAginText)){
alert("确认密码不能为空");
return;
}
if(pwdText!=pwdAginText){
alert("密码与确认密码不一致");
return;
}
var userAccountText = $("#userAccountText").val();
if(isNullStr(userAccountText)){
alert("账号不能为空");
return;
}
var urlExtisAddStr = "/ajax/home.action?op=User.existAcc";
var existDataStr = "accountText=" + userAccountText;
$.ajax({
url : urlExtisAddStr  + "&tz=" + Math.random(),
dataType : "json",
data : existDataStr,
async : false,
cache : false,
success : function(json) {
if (json.existAccResult == 1) {
var dept = document.getElementById("dept");
var deptId = dept[dept.selectedIndex].value;
if(deptId<1){
alert("请选择正确的部门");
return;
}
var role = document.getElementById("role");
var roleId = role[role.selectedIndex].value;
if(roleId<1){
alert("请选择正确的角色");
return;
}

var dataStr = "accountText=" + userAccountText;

dataStr = dataStr + "&userPwd=" + pwdText;
var userNameText = $("#userNameText").val();
if(isNullStr(userNameText)){
alert("用户姓名不能为空!");
}
dataStr = dataStr + "&accNameText=" + userNameText;
var sexvalu=0;
var sexradio=document.getElementsByName("sexradio");
for(var i = 0;i<sexradio.length;i++){
if(sexradio[i].checked){

sexvalue = sexradio[i].value;
break;
}
}
dataStr = dataStr + "&userSex=" + sexvalue;
var role = document.getElementById("role");
dataStr = dataStr + "&roleId=" + role[role.selectedIndex].value;
var dept = document.getElementById("dept");
dataStr = dataStr + "&deptId=" + dept[dept.selectedIndex].value;
var extensionText = $("#extensionText").val();
dataStr = dataStr + "&extension=" + extensionText;
var phoneText = $("#phoneText").val();

if(isNullStr(phoneText)) {
alert("手机号码不许为空!");
return;
}
if(!(/^1[3|5][0-9]\d{4,8}$/.test(phoneText))){
          alert("不是正确的11位手机号");
          return false;
      }else{
      dataStr = dataStr + "&userPhone=" + phoneText;
    }



var userBirthdayText = $("#userBirthday").val();
dataStr = dataStr + "&userBirthday=" + userBirthdayText;
if(isNullStr(userBirthdayText)){
alert("用户出生日期不正确,请重新填写!");
return;
}
var addressText = $("#addressText").val();
dataStr = dataStr + "&userAddress=" + addressText;
var qqText = $("#qqText").val();
dataStr = dataStr + "&userQQ=" + qqText;
var msnText = $("#msnText").val();
dataStr = dataStr + "&userMSN=" + msnText;
var emailText = $("#emailText").val();
if(checkemail(emailText)){
dataStr = dataStr + "&userEmail=" + emailText;
}
else{
return;
}
var telText = $("#telText").val();


if(isNullStr(telText)) {
alert("电话号码不许为空!");
return;
}
var isIDcard = /^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?$|(^(13[0-9]|15[0|3|6|7|8|9]|18[8|9])d{8}$)/;
if (!isIDcard.test(telText)) {
alert("固定电话输入错误,请重新输入!");
return false;
}else{
dataStr = dataStr + "&userTel=" + telText;
    }

var limitIpText = $("#limitIpText").val();
dataStr = dataStr + "&userLimitIp=" + limitIpText;
var userRecord=-1;
var recordradio=document.getElementsByName("recordradio");
for(var i = 0;i<recordradio.length;i++){
if(recordradio[i].checked){

userRecord = recordradio[i].value;
break;
}
}
dataStr = dataStr + "&userRecord=" + userRecord;
var rollInTypeText = $("#rollInTypeText").val();
dataStr = dataStr + "&rollInType=" + rollInTypeText;
$.ajax({
url : urlStr  + "&tz=" + Math.random(),
dataType : "json",
data : dataStr,
async : false,
cache : false,
success : function(json) {
if (json.addUserResult > 0) {
alert("添加用户成功!");
minesUpdate('home.action?op=User.usersManager');
} else {
//结果为空,小于0
alert("添加用户失败!");
}
return;
},
error : function(msg) {
alert("添加用户失败!");
}
});
}else{
alert("账号已存在,请换个重试!");
return;
}
},
error : function(msg) {
alert("账号验证失败!");
return;
}
});
}
分享到:
评论

相关推荐

    ajax+jquery分页控件(asp.net)

    总的来说,"ajax+jquery分页控件(asp.net)"涉及到前端和后端的联合工作,利用jQuery的Ajax功能发送异步请求到服务器获取分页数据,同时在后端处理这些请求并返回必要的数据。然后,前端使用这些数据更新页面的显示,...

    PHP + jQuery实现ajax文件即时上传 预览 配套资源

    jQuery的核心函数如`$(document).ready()`用于在页面加载完成后执行代码,`$.ajax()`用于发起Ajax请求,而`$.post()`或`$.get()`则是更简单的Ajax请求方式。 2. **jquery.form.js**: 这是jQuery Form Plugin,一...

    Jquery+ajax+php+mysql数据库实现用户注册登录

    在这个项目中,Jquery被用来处理用户的登录事件,例如,当用户点击登录按钮时,通过Ajax发送请求到服务器,无需刷新页面即可完成登录验证。 2. **Ajax**:异步JavaScript和XML(现在通常指的是任何类型的数据,不...

    javascript+jquery+ajax相关学习资料PPT

    2. JQueryAjax教程讲解.ppt:这可能是关于使用jQuery进行AJAX请求的详细讲解,包括$.ajax()函数,$.get()和$.post()方法的使用,以及如何处理回调函数。 3. Jquery(很好的PPT教程-技术较为全面-分享给大家).ppt:这...

    米米商城项目含前后端(ssm+html+js+ajax+jquery).rar

    "米米商城项目含前后端(ssm+html+js+ajax+jquery).rar" 是一个涵盖了多种技术的电商项目实例,主要涉及了Spring、SpringMVC、MyBatis(SSM)框架的整合应用,以及前端的HTML、JavaScript、Ajax和jQuery的交互设计...

    springmvc + jquery + ajax + json 异步传递数据

    实现SpringMVC、jQuery、Ajax和JSON的异步传递数据,首先需要配置SpringMVC的DispatcherServlet和相关映射。在`web.xml`中,你需要定义一个Servlet来处理所有的HTTP请求。然后,在SpringMVC的配置文件中,设置视图...

    jsp+Struts2.0+jquery+ajax+sqlserver整套jar/js包

    标题中的"jsp+Struts2.0+jquery+ajax+sqlserver整套jar/js包"指的是一套基于Java Web开发的技术栈,其中包括了前端的jQuery和Ajax技术,后端的Struts2框架,以及数据库层的SQL Server支持。这个组合在过去的Web应用...

    JavaScript+jQuery交互式Web前端开发-源代码.zip

    JavaScript 和 jQuery 是现代 Web 前端开发中的两个核心工具,它们共同为创建动态、交互式的网页提供了强大的功能。在本教程中,我们将深入探讨如何将这两种技术与 HTML 和 CSS 结合,以实现高效的网页设计。 ...

    jQuery+ajax实现简单登录验证

    - **DOM操作**:jQuery简化了获取和设置元素属性,例如`$("#username").val()`获取用户名输入框的值,`$("#message").text("登录成功!")`更改消息文本。 2. **Ajax的实现**: - **$.ajax()函数**:这是jQuery...

    html5+jquery+mysql登陆验证实例

    前端验证是用JavaScript(这里使用jQuery)在用户提交表单前检查输入的有效性,避免无效请求发送到服务器。而后端验证则是在服务器端(这里是通过MySQL数据库)确认用户提供的凭证是否匹配。这涉及到数据库查询,...

    HBuilder JS+HTML+ajax实例

    它通过JavaScript发送XMLHttpRequest请求到服务器,获取数据,然后在客户端使用JavaScript处理返回的数据,更新DOM树,从而实现页面的无刷新交互。在本实例中,Ajax可能被用来实现实时获取数据、动态加载内容或者...

    CSS+JS+Jquery样式案例

    3. **选择器和伪类**:如`:hover`、`:active`、`:focus`等,用于实现交互效果,如鼠标悬停、元素激活和获取焦点时的样式变化。 4. **响应式设计**:使用媒体查询(media queries)调整样式以适应不同设备和屏幕尺寸...

    php+jquery+ajax无刷新评论 无刷新翻页,字数统计 绝对可以用

    在我们的场景中,jQuery将用于选择DOM元素(如评论输入框和提交按钮),监听用户交互,并通过$.ajax()方法发起AJAX请求。AJAX(Asynchronous JavaScript and XML)允许我们在不重新加载整个页面的情况下与服务器交换...

    html5+css3+jquery手册

    `$.ajax()`则方便进行异步数据请求。此外,jQuery还有大量的插件,扩展了其功能,如表单验证、轮播图、日期选择器等。 “HTML5 参考手册”会详细讲解HTML5的新特性、元素、属性和API,帮助开发者了解如何有效地利用...

    jquery ajax验证用户名是否存在几种方式

    总结来说,jQuery AJAX 提供了一种高效、灵活的方法来实现用户名存在的验证,可以通过多种响应格式与服务器进行通信。结合服务器端的处理,可以实现无刷新的用户体验,提高用户注册或登录的效率。

    ajax+php防发微博效果

    - 引入jQuery库,因为它的语法简洁且功能强大,方便处理DOM操作和Ajax请求。 2. **Ajax请求**: - 当用户点击发布按钮时,使用jQuery的`$.ajax()`函数发起一个HTTP请求到服务器。设置请求类型为POST,因为我们要...

    使用struts2+Ajax+jquery验证用户名是否已被注册

    通过上述知识点的详细解读,我们能够了解到如何利用Struts2框架配合Ajax和jQuery库来实现一个前端与后端交互的用户注册验证功能。这不仅涉及到了前端页面的动态交互,也包括后端数据处理和服务端的逻辑实现,体现了...

    jQuery+Ajax+PHP实现“喜欢”评级

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和AJAX交互。在这个系统中,jQuery将用于监听用户的点击事件,当用户点击“喜欢”按钮时,触发AJAX请求。 1. **jQuery部分**: - 创建一个CSS类,如`....

    Ajax异步请求的验证

    本篇文章将深入探讨Ajax异步请求的验证,解决初级问题,为初学者提供参考。 一、Ajax的基本概念 Ajax并非一种单一的技术,而是一种利用现有Web技术(如JavaScript、XML、HTML、CSS等)组合成的新应用方式。它的...

Global site tag (gtag.js) - Google Analytics