ajax提交表单 验证
function submitKH(mobileInputId,nameInputId) {
var mobileInputSelector ='#'+ mobileInputId;
var passwordInputIdInputSelector = '#'+ passwordInputId;
var nameInputIdInputSelector = '#'+ nameInputId;
var mobile = jQuery(mobileInputSelector).val();
var name = jQuery(nameInputIdInputSelector).val();
var password = jQuery(passwordInputIdInputSelector).val();
var localUrl = document.location;
var source="wap";
var type="开户";
if (name.length == 0||name=="请输入您的姓名") {
alert("您的姓名不能为空!");
jQuery(nameInputIdInputSelector).focus();
return false;
}
if (password.length == 0||password=="输入您的密码") {
alert("您的密码不能为空!");
jQuery(passwordInputSelector).focus();
return false;
}
if (mobile.length == 0||mobile=="请输入您的手机号码") {
alert("您的手机号码不能为空!");
jQuery(mobileInputSelector).focus();
return false;
}
if (mobile.length > 0) {
var ab = /^(13[0-9]|15[0-9]|18[0-9])\d{8}$/;
if (ab.test(mobile) == false) {
alert("您的手机号码不正确!");
jQuery(mobileInputSelector).focus();
return false;
}
}
jQuery.ajax({
type: "get",
url: "/KZH/AddNewKH",
data: "mobile=" + mobile +"&password="+password+ "&name="+name+"&source="+source+"&type=" + type + "&t=" + new Date().toString(),
dataType: "jsonp",
success: function (result) {
if (result.success == true) {
jQuery(mobileInputSelector).val("");
jQuery(passwordInputSelector).val("");
jQuery(nameInputIdInputSelector).val("");
alert("恭喜您,提交成功!");
$("#ycbox").css('display','block');
setCookie('name',name);
setCookie('phone',mobile);
}
else if(result.success == false)
{
alert("您已预约成功,无需重复提交,客服会尽快与您取得联系!");
$("#ycbox").css('display','block');
jQuery(mobileInputSelector).val("");
jQuery(passwordInputSelector).val("");
jQuery(nameInputIdInputSelector).val("");
}
}
});
}
调用:
submitKH('mobile','password','name'); return false;
ajax提交表单 验证的更多相关文章
- Validator验证Ajax提交表单的方法
Validator验证Ajax提交表单的方法 转自:http://hunanpengdake.iteye.com/blog/1671360 当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form ...
- JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目 注:经过验证,formValidator只适合一个 ...
- 【ASP.NET MVC】Ajax提交表单
下面这段代码主要有几个特点: 1.Ajax提交表单 2.表单中有一个<input type="file"/> 3.当选择完图片后,利用AJAX提交表单,并在执行成功后返 ...
- Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
- lavarel框架中如何使用ajax提交表单
开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加 在网上看了很多的解决方式,我是用下面这种方法解决的: ...
- Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...
- ajax提交表单序列化(serialize())数据
知识点: $("#form").serialize();将表单数据序列化为标准URL编码文本字符串(key1=value1&key2=value2…). 以下用一个例子来演 ...
- jquery实现ajax提交表单
一般情况下,我们提交form表单采用的是submit的方法,典型的场景如下. <form id="thisForm" method="post" acti ...
- ajax提交表单、ajax实现文件上传
ajax提交表单.ajax实现文件上传,有需要的朋友可以参考下. 方式一:利用from表单的targer属性 + 隐藏的iframe 达到类似效果, 支持提交含有文件和普通数据的复杂表单 方式二:使用 ...
随机推荐
- 基于VMware的虚拟Linux集群搭建-lvs+keepalived
基于VMware的虚拟Linux集群搭建-lvs+keepalived 本文通过keepalived实现lvsserver的的双机热备和真实server之间的负载均衡.这方面的blog挺多,可是每一个 ...
- svn常见错误汇总
comment中的换行.把换行去掉就可以了
- Linux Kernel系列 - 黄牛X内核代码凝视
Hanks.Wang - 专注于操作系统与移动安全研究.Linux-Kernel/SELinux/SEAndroid/TrustZone/Encription/MDM Mail - byhank ...
- Android清除缓存功能来实现
我们都知道在Android的设置->应用程序中能够查看应用程序的相关信息,当中有一个功能是清除缓存. 如图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZ ...
- 【剑指offer】堆栈推弹出序列
转载请注明出处:http://blog.csdn.net/ns_code/article/details/26077863 剑指offer上的第22题,九度OJ上AC. 题目描写叙述: 输入两个整数序 ...
- 背包问题 (DP)
利用记忆化数组.记dp[i][j]为根据rec的定义,从第i个物品开始挑选总重小于j时,总价值的最大值. 递推式: dp[i][j]=0 (j<w[i]) dp[i][j] dp[i][ ...
- Controller与Action
Controller与Action 我们知道在MVC5和之前的版本,两个框架的生命周期是不一样的,在新版MVC6中,MVC Controller/Web API Controller已经合二为一了,本 ...
- thymeleaf模板引擎shiro集成框架
shiro权限框架.前端验证jsp设计.间tag它只能用于jsp系列模板引擎. 使用最近项目thymeleaf作为前端模板引擎,采用HTML档,未出台shiro的tag lib,假设你想利用这段时间s ...
- Swift中文教程(六)--枚举和结构
原文:Swift中文教程(六)--枚举和结构 Enumerations 枚举 使用 enum 来创建一个枚举.跟Classes(类)和其他类型的命名方式一样,枚举也可以有Method(方法). enu ...
- jQuery版推箱子游戏详解和源码
前言 偶然间看到很多用js写游戏的感觉很炫酷的样子,所以就想试试,就看了一些资料和某前端站点的视屏.于是乎就自己动手实践了一下,上推箱子截图 感觉很丑陋,但是功能是实现了.再说貌似大多都是这样的吧,这 ...