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 达到类似效果, 支持提交含有文件和普通数据的复杂表单 方式二:使用 ...
随机推荐
- 关于int全区变量读写的原子性
关于int全区变量读写的原子性 关于int变量的读写是否原子性网上有非常多讨论,貌似不同平台不同,这里自己做实如今arm9平台測试.这里要注意原子性并不是指一条汇编才原子,实际上即使一次赋值编 ...
- Computer Science 学习第四章--CPU 指令集和指令处理
Instruction set Y86 指令集 运算符:addl, subl, andl, and xorl 跳转符:jmp,jle,jl,je,jne,jge, andjg 条件符:cmovle, ...
- asp.net mvc实现rest风格返回json
实现类似:http://localhost:1799/rest/person/1方式返回一个json内容: 在asp.net mvc中新建一个control rest,然后在其中新增方法: publi ...
- 解决win10远程桌面没法关机问题
win10远程桌面没法关机问题: 解决方法:alt+f4
- android sdk linux 文本 64 位置
android sdk linux 64 之前获得模.现在补上一,然后,小伙伴们下载 版权声明:本文博主原创文章,博客,未经同意不得转载.
- 谈到一些传统的企业网站SEO问题领域
在网络营销中的时间越长,有时候,企业网站还是有一些传统做法不解.也许,这是它的思想的局限.比如,我最近来到了一个新的工作环境中发现,虽然公司是专业从事传统渠道已经很不错了,但对于网络营销渠道还有改进的 ...
- WiX Toolset
原文:WiX Toolset 公司换软件打包平台,弄了一个月,Wix toolset的中文资料真的不多,逼着自己看了不少英文资料,终于弄懂了WiX打包的过程,做出了满足要求的安装包 一点基本概念:(F ...
- (大数据工程师学习路径)第三步 Git Community Book----高级技能
一.创建新的空分支 1.创建新的空分支 在偶尔的情况下,你可能会想要保留那些与你的代码没有共同祖先的分支.例如在这些分支上保留生成的文档或者其他一些东西.如果你需要创建一个不使用当前代码库作为父提交的 ...
- Microsoft.AlphaImageLoader过滤评论
Microsoft.AlphaImageLoader是IE滤镜的一种,其主要作用就是对图片进行透明处理.尽管FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,可是就IE5-IE6而言还是 ...
- 开源 自由 java CMS - FreeCMS2.0 签字
项目地址:http://www.freeteam.cn/ 会员注冊 打开浏览器,输入http://localhost:8080/register.jsp. 输入注冊信息后点击"注冊" ...