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提交表单 验证的更多相关文章

  1. Validator验证Ajax提交表单的方法

    Validator验证Ajax提交表单的方法 转自:http://hunanpengdake.iteye.com/blog/1671360 当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form ...

  2. JQuery ajax提交表单及表单验证

    JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目   注:经过验证,formValidator只适合一个 ...

  3. 【ASP.NET MVC】Ajax提交表单

    下面这段代码主要有几个特点: 1.Ajax提交表单 2.表单中有一个<input type="file"/> 3.当选择完图片后,利用AJAX提交表单,并在执行成功后返 ...

  4. Jquery ajax提交表单几种方法

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...

  5. lavarel框架中如何使用ajax提交表单

    开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加 在网上看了很多的解决方式,我是用下面这种方法解决的: ...

  6. Jquery ajax提交表单几种方法详解

    [导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

  7. ajax提交表单序列化(serialize())数据

    知识点: $("#form").serialize();将表单数据序列化为标准URL编码文本字符串(key1=value1&key2=value2…). 以下用一个例子来演 ...

  8. jquery实现ajax提交表单

    一般情况下,我们提交form表单采用的是submit的方法,典型的场景如下. <form id="thisForm" method="post" acti ...

  9. ajax提交表单、ajax实现文件上传

    ajax提交表单.ajax实现文件上传,有需要的朋友可以参考下. 方式一:利用from表单的targer属性 + 隐藏的iframe 达到类似效果, 支持提交含有文件和普通数据的复杂表单 方式二:使用 ...

随机推荐

  1. Ajax基础知识(一)

    随便在百度谷歌上输入Ajax都会出现一大堆的搜索结果,这已经不再是什么新奇的技术了.但若从一开始就学习了ASP.Net,使用功能齐全的Visual Studio集成开发工具,或许未必能对访问一个动态网 ...

  2. 记一次tomcat故障排查(转)

    1~1024之间的端口号是保留端口,通常是为特定目的预留的.虽然你的问题不是由于保留端口引起的,但是仍然建议你不要随意使用保留端口作为自定义服务的端口,如果你能早早遵循这一规则压根就不会遇到这个问题. ...

  3. 终结者:具体解释Nginx(一)

            相信非常多人都听过Nginx.这个小巧的东西能够和Apache及IIS相媲美. 那么它有什么作用呢?一句话.它是一个减轻Web应用server(如Tomcat)压力和实现Web应用se ...

  4. mybatis generator插件开发

    mybatis现在普遍使用的每一个人DAO框架.mybatis generator它可以基于数据库中的表结构,生成自己主动mybatis代码和配置文件,方便使用,当然,实际的使用过程中.generat ...

  5. jquery初步总结

    1.$(document).ready()方法和window.onload差分法 为页元件的正确操作,我们需要把操作元件JS编写的代码$(document).ready()(Jquery)或windo ...

  6. Power Strings (poj 2406 KMP)

    Language: Default Power Strings Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 33205   ...

  7. 问题(bug)确实不在代码逻辑上面,往往是配置、权限或者业务逻辑之外的地方(转)

    不能说所有的bug都是纸老虎,但往往那种看似很奇葩的bug,导致的原因确实很简单,烦了你一段时间,找到真相又让你忍不住一笑.什么是奇葩的bug呢.我的定义是:代码逻辑都一样,但在A处是好的,到了B处就 ...

  8. Android fragment onActivityResult 不起作用

    fragment 跳转至Acivity后,fragment里面的onActivityResult 被被调用 试过非常多办法,最后getactivity().startactivityforresult ...

  9. 金蝶K3无法创建数据库,请查看该文件夹的错误的解决方法。

    无法创建数据库! 检查你的文件夹C:\XXX\DATA是否存在.并且该系统是不低,或SQL Server服务的启动用户不具备<K3ERP\DBFILE>文件夹的写权限.请改动Windows ...

  10. 十天学Linux内核之第五天---有关Linux文件系统实现的问题

    原文:十天学Linux内核之第五天---有关Linux文件系统实现的问题 有时间睡懒觉了,却还是五点多醒了,不过一直躺倒九点多才算起来,昨晚一直在弄飞凌的嵌入式开发板,有些问题没解决,自己电脑系统的问 ...