ajax表单验证提交问题, check()函数该美国check怎么写写,f1()函数该美国check怎么写设置返回true/flase,求高手指点?

form表单可不可以写回调函数?或者JQuery是否能用ajax来实现form提交_Ubuntu建立桌面快捷方式-解决Sublime Text 2无法快捷启动有关问题_XMLHttpRequest对象的运用__脚本百事通
稍等,加载中……
^_^请注意,有可能下面的2篇文章才是您想要的内容:
form表单可不可以写回调函数?或者JQuery是否能用ajax来实现form提交
Ubuntu建立桌面快捷方式-解决Sublime Text 2无法快捷启动有关问题
XMLHttpRequest对象的运用
form表单可不可以写回调函数?或者JQuery是否能用ajax来实现form提交
form表单能否写回调函数?或者JQuery是否能用ajax来实现form提交上传图片经过csdn朋友的帮助已经解决了.不过问题总是一个接着一个的出现.
现在我需要获得已上传的文件保存位置.但是因为图片上传是用form表单提交的,所以没法走ajax的回调函数,自然没法获得路径了.而且如果同步执行 form表单提交以及页面保存的话,ajax的请求要优先与form表单的级别。也就是说先 document.form1.submit();
$.ajax({});
插了断点我才发现是是先执行了ajax的请求然后回过头在执行的form的submit.
所以想请教各位不用ui插件的前提下,form是否有回调函数?如果没有,那么ajax能否提交form表单,这样我就可以用ajax的回调来获得保存路径做下一步处理了....问为什么非要用ajax提交form?而不直接用ajax代替form。因为如果用ajax的话,我的action没法获得到IO流的file对象,用form就可以自动获得只要遵循一定的明明规则就可以了,struts2里有的.
如果有办法的话最好具体点,谢谢了....其他办法也可以的
------解决方案-------------------- function addData() {
var formData=$("#flowControlForm").serialize();
type: "POST",
url: "flowControl.do?method=addFlowPublish,
processData:true,
data:formData,
success: function(data){
if(data=="1"){
alert("用户提交失败!");
ajax请求可以直接提交表单 var formData=$("#flowControlForm").serialize();
flowControlForm是表单的id值------解决方案--------------------
这个朋友. $("#formId").serialize() 这个我也知道 还有 $("#formId").serializeArry()
不过从来没这么应用过。这样写了以后 后台的file对象该如何处理? 是跟form表单提交一样 自动获取 不需要我手动来接收 还是需要手动接收file对象 以及上传文件的 文件名。
貌似这个方法是不能把File给发到后台去的
如果你想多做一些尝试,可以试试 jquery ajaxfileupload这个插件。
我说说我之前的解决思路吧
页面上是这样的
function refresh(addr){
/*addr就是你上传的文件的具体路径的值。
你在这里刷新展示地址的控件,把这个值放到控件上。
/* 当然,你也可以写一些失败之后的处理方法。甚至去轮询后台,通过session中的信息来更新前台的进度条*/
&form action="这个就不说了吧" target="submitFrame"&
&!--这里是你的元素,文件,属性都在这里--&
&iframe name="submitFrame" style="display:none"&&/iframe&
你在JS里控制让form提交,因为form设置了target属性,所以页面不会刷新,刷新的是下面的iframe
后台Action 的Java代码里,这样写,比如你用Struts2
public void execute(){
* 文件的保存之类的操作你肯定已经做完了
* 接下来从你获取到文件路径开始
String path = "路径";
OutputStream out =
out = response.getOutputStream();
//这里我忘记是要字符串还是字节数组了,如果是字节数组,就用ISO-8859-1格式转成字节数组
out.write("&script&parent.refresh(" + path + ");&/script&");
out.flush();
}catch(Exception e){
e.printStacktrace();
if(out != null){
try{out.close();}catch(Exception e1){}
Ubuntu建立桌面快捷方式-解决Sublime Text 2无法快捷启动有关问题
Ubuntu建立桌面快捷方式-解决Sublime Text 2无法快捷启动问题之前试过几次,将Sublime Text 2直接pin在侧边栏,都不行,要么无法启动,要么没有图标,今天,解决了这个问题。
解决步骤:
1.获取root权限:
终端中运行 sudo -i
2.在桌面建立文本文件,内容设置为:
[Desktop Entry]
Name=Sublime Text 2
Comment=Sublime Text 2
Exec=/home/john/Applications/"Sublime Text 2"/sublime_text
Icon=/home/john/Applications/Sublime Text 2/Icon/48x48/sublime_text.png
Terminal=false
Type=Application
Categories=AD
StartupNotify=true
(将下划线部分改为文件所在位置,其他部分Ctr +c , Ctr+v)
3.将该文本文件命名为sublime.desktop
4.将该文件copy到/usr/share/applications中
在终端中运行 cp /home/john/Desktop/sublime.desktop /usr/share/applications
5.成功之后,在usr/share/applications中将出现该应用,打开之后,就可以顺利lock到侧边栏,快速启动
XMLHttpRequest对象的运用
XMLHttpRequest对象的使用
转载自网络
一、 引言  异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器。与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合,AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面。换句话说,AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序。  Google的Gmail和Outlook Express就是两个使用AJAX技术的我们所熟悉的例子。而且,AJAX可以用于任何客户端脚本语言中,这包括JavaScript,Jscript和VBScript。  AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接收HTTP请求与响应信息。一个经由XMLHttpRequest对象发送的HTTP请求并不要求页面中拥有或回寄一个<form>元素。AJAX中的"A"代表了"异步",这意味着XMLHttpRequest对象的send()方法可以立即返回,从而让Web页面上的其它HTML/JavaScript继续其浏览器端处理而由服务器处理HTTP请求并发送响应。尽管缺省情况下请求是异步进行的,但是,你可以选择发送同步请求,这将会暂停其它Web页面的处理,直到该页面接收到服务器的响应为止。  微软在其Internet Explorer(IE) 5中作为一个ActiveX对象形式引入了XMLHttpRequest对象。其他的认识到这一对象重要性的浏览器制造商也都纷纷在他们的浏览器内实现了XMLHttpRequest对象,但是作为一个本地JavaScript对象而不是作为一个ActiveX对象实现。而如今,在认识到实现这一类型的价值及安全性特征之后,微软已经在其IE 7中把XMLHttpRequest实现为一个窗口对象属性。幸运的是,尽管其实现(因而也影响到调用方式)细节不同,但是,所有的浏览器实现都具有类似的功能,并且实质上是相同方法。目前,W3C组织正在努力进行XMLHttpRequest对象的标准化,并且已经发行了有关该W3C规范的一个草案。  本文将对XMLHttpRequest对象API进行详细讨论,并将解释其所有的属性和方法。  二、 XMLHttpRequest对象的属性和事件  XMLHttpRequest对象暴露各种属性、方法和事件以便于脚本处理和控制HTTP请求与响应。下面,我们将对此展开详细的讨论。readyState属性  当XMLHttpRequest对象把一个HTTP请求发送到服务器时将经历若干种状态:一直等待直到请求被处理;然后,它才接收一个响应。这样以来,脚本才正确响应各种状态-XMLHttpRequest对象暴露一个描述对象的当前状态的readyState属性,如表格1所示。  表格1.XMLHttpRequest对象的ReadyState属性值列表。
ReadyState取值
描述一种"未初始化"状态;此时,已经创建一个XMLHttpRequest对象,但是还没有初始化。
描述一种"发送"状态;此时,代码已经调用了XMLHttpRequest open()方法并且XMLHttpRequest已经准备好把一个请求发送到服务器。
描述一种"发送"状态;此时,已经通过send()方法把一个请求发送到服务器端,但是还没有收到一个响应。
描述一种"正在接收"状态;此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收结束。
描述一种"已加载"状态;此时,响应已经被完全接收。
  onreadystatechange事件  无论readyState值何时发生改变,XMLHttpRequest对象都会激发一个readystatechange事件。其中,onreadystatechange属性接收一个EventListener值-向该方法指示无论readyState值何时发生改变,该对象都将激活。  responseText属性  这个responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState值为0、1或2时,responseText包含一个空字符串。当readyState值为3(正在接收)时,响应中包含客户端还未完成的响应信息。当readyState为4(已加载)时,该responseText包含完整的响应信息。  responseXML属性  此responseXML属性用于当接收到完整的HTTP响应时(readyState为4)描述XML响应;此时,Content-Type头部指定MIME(媒体)类型为text/xml,application/xml或以+xml结尾。如果Content-Type头部并不包含这些媒体类型之一,那么responseXML的值为null。无论何时,只要readyState值不为4,那么该responseXML的值也为null。  其实,这个responseXML属性值是一个文档接口类型的对象,用来描述被分析的文档。如果文档不能被分析(例如,如果文档不是良构的或不支持文档相应的字符编码),那么responseXML的值将为null。  status属性  这个status属性描述了HTTP状态代码,而且其类型为short。而且,仅当readyState值为3(正在接收中)或4(已加载)时,这个status属性才可用。当readyState的值小于3时试图存取status的值将引发一个异常。  statusText属性  这个statusText属性描述了HTTP状态代码文本;并且仅当readyState值为3或4才可用。当readyState为其它值时试图存取statusText属性将引发一个异常。
三、 XMLHttpRequest对象的方法  XMLHttpRequest对象提供了各种方法用于初始化和处理HTTP请求,下列将逐个展开详细讨论。  abort()方法  你可以使用这个abort()方法来暂停与一个XMLHttpRequest对象相联系的HTTP请求,从而把该对象复位到未初始化状态。  open()方法  你需要调用open(DOMString method,DOMString uri,boolean async,DOMString username,DOMString password)方法初始化一个XMLHttpRequest对象。其中,method参数是必须提供的-用于指定你想用来发送请求的HTTP方法(GET,POST,PUT,DELETE或HEAD)。为了把数据发送到服务器,应该使用POST方法;为了从服务器端检索数据,应该使用GET方法。另外,uri参数用于指定XMLHttpRequest对象把请求发送到的服务器相应的URI。借助于window.document.baseURI属性,该uri被解析为一个绝对的URI-换句话说,你可以使用相对的URI-它将使用与浏览器解析相对的URI一样的方式被解析。async参数指定是否请求是异步的-缺省值为true。为了发送一个同步请求,需要把这个参数设置为false。对于要求认证的服务器,你可以提供可选的用户名和口令参数。在调用open()方法后,XMLHttpRequest对象把它的readyState属性设置为1(打开)并且把responseText、responseXML、status和statusText属性复位到它们的初始值。另外,它还复位请求头部。注意,如果你调用open()方法并且此时readyState为4,则XMLHttpRequest对象将复位这些值。  send()方法  在通过调用open()方法准备好一个请求之后,你需要把该请求发送到服务器。仅当readyState值为1时,你才可以调用send()方法;否则的话,XMLHttpRequest对象将引发一个异常。该请求被使用提供给open()方法的参数发送到服务器。当async参数为true时,send()方法立即返回,从而允许其它客户端脚本处理继续。在调用send()方法后,XMLHttpRequest对象把readyState的值设置为2(发送)。当服务器响应时,在接收消息体之前,如果存在任何消息体的话,XMLHttpRequest对象将把readyState设置为3(正在接收中)。当请求完成加载时,它把readyState设置为4(已加载)。对于一个HEAD类型的请求,它将在把readyState值设置为3后再立即把它设置为4。  send()方法使用一个可选的参数-该参数可以包含可变类型的数据。典型地,你使用它并通过POST方法把数据发送到服务器。另外,你可以显式地使用null参数调用send()方法,这与不用参数调用它一样。对于大多数其它的数据类型,在调用send()方法之前,应该使用setRequestHeader()方法(见后面的解释)先设置Content-Type头部。如果在send(data)方法中的data参数的类型为DOMString,那么,数据将被编码为UTF-8。如果数据是Document类型,那么将使用由data.xmlEncoding指定的编码串行化该数据。  setRequestHeader()方法  该setRequestHeader(DOMString header,DOMString value)方法用来设置请求的头部信息。当readyState值为1时,你可以在调用open()方法后调用这个方法;否则,你将得到一个异常。  getResponseHeader()方法  getResponseHeader(DOMString header,value)方法用于检索响应的头部值。仅当readyState值是3或4(换句话说,在响应头部可用以后)时,才可以调用这个方法;否则,该方法返回一个空字符串。  getAllResponseHeaders()方法  该getAllResponseHeaders()方法以一个字符串形式返回所有的响应头部(每一个头部占单独的一行)。如果readyState的值不是3或4,则该方法返回null。
四、 发送请求  在AJAX中,许多使用XMLHttpRequest的请求都是从一个HTML事件(例如一个调用JavaScript函数的按钮点击(onclick)或一个按键(onkeypress))中被初始化的。AJAX支持包括表单校验在内的各种应用程序。有时,在填充表单的其它内容之前要求校验一个唯一的表单域。例如要求使用一个唯一的UserID来注册表单。如果不是使用AJAX技术来校验这个UserID域,那么整个表单都必须被填充和提交。如果该UserID不是有效的,这个表单必须被重新提交。例如,一个相应于一个要求必须在服务器端进行校验的Catalog ID的表单域可能按下列形式指定:
<form name="validationForm" action="validateForm" method="post"><table> <tr><td>Catalog Id:</td>  <td>   <input type="text" size="20" id="catalogId" name="catalogId" autocomplete="off" onkeyup="sendRequest()">  </td>  <td><div id="validationMessage"></div></td> </tr></table></form>
  前面的HTML使用validationMessage div来显示相应于这个输入域Catalog Id的一个校验消息。onkeyup事件调用一个JavaScript sendRequest()函数。这个sendRequest()函数创建一个XMLHttpRequest对象。创建一个XMLHttpRequest对象的过程因浏览器实现的不同而有所区别。如果浏览器支持XMLHttpRequest对象作为一个窗口属性(所有普通的浏览器都是这样的,除了IE 5和IE 6之外),那么,代码可以调用XMLHttpRequest的构造器。如果浏览器把XMLHttpRequest对象实现为一个ActiveXObject对象(就象在IE 5和IE 6中一样),那么,代码可以使用ActiveXObject的构造器。下面的函数将调用一个init()函数,它负责检查并决定要使用的适当的创建方法-在创建和返回对象之前。
<script type="text/javascript">function sendRequest(){ var xmlHttpReq=init(); function init(){  if (window.XMLHttpRequest) {   return new XMLHttpRequest();  }  else if (window.ActiveXObject) {  return new ActiveXObject("Microsoft.XMLHTTP"); }}</script>
  接下来,你需要使用Open()方法初始化XMLHttpRequest对象-指定HTTP方法和要使用的服务器URL。
var catalogId=encodeURIComponent(document.getElementById("catalogId").value);xmlHttpReq.open("GET", "validateForm?catalogId=" + catalogId, true);
  默认情况下,使用XMLHttpRequest发送的HTTP请求是异步进行的,但是你可以显式地把async参数设置为true,如上面所展示的。在这种情况下,对URL validateForm的调用将激活服务器端的一个servlet,但是你应该能够注意到服务器端技术不是根本性的;实际上,该URL可能是一个ASP,ASP.NET或PHP页面或一个Web服务-这无关紧要,只要该页面能够返回一个响应-指示CatalogID值是否是有效的-即可。因为你在作一个异步调用,所以你需要注册一个XMLHttpRequest对象将调用的回调事件处理器-当它的readyState值改变时调用。记住,readyState值的改变将会激发一个readystatechange事件。你可以使用onreadystatechange属性来注册该回调事件处理器。
xmlHttpReq.onreadystatechange=processR
  然后,我们需要使用send()方法发送该请求。因为这个请求使用的是HTTP GET方法,所以,你可以在不指定参数或使用null参数的情况下调用send()方法。
xmlHttpReq.send(null);
五、 处理请求  在这个示例中,因为HTTP方法是GET,所以在服务器端的接收servlet将调用一个doGet()方法,该方法将检索在URL中指定的catalogId参数值,并且从一个数据库中检查它的有效性。  本文示例中的这个servlet需要构造一个发送到客户端的响应;而且,这个示例返回的是XML类型,因此,它把响应的HTTP内容类型设置为text/xml并且把Cache-Control头部设置为no-cache。设置Cache-Control头部可以阻止浏览器简单地从缓存中重载页面。
public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { ... ... response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache");}
  来自于服务器端的响应是一个XML DOM对象,此对象将创建一个XML字符串-其中包含要在客户端进行处理的指令。另外,该XML字符串必须有一个根元素。
out.println("<catalogId>valid</catalogId>");
  【注意】XMLHttpRequest对象的设计目的是为了处理由普通文本或XML组成的响应;但是,一个响应也可能是另外一种类型,如果用户代理(UA)支持这种内容类型的话。  当请求状态改变时,XMLHttpRequest对象调用使用onreadystatechange注册的事件处理器。因此,在处理该响应之前,你的事件处理器应该首先检查readyState的值和HTTP状态。当请求完成加载(readyState值为4)并且响应已经完成(HTTP状态为"OK")时,你就可以调用一个JavaScript函数来处理该响应内容。下列脚本负责在响应完成时检查相应的值并调用一个processResponse()方法。
function processRequest(){ if(xmlHttpReq.readyState==4){  if(xmlHttpReq.status==200){   processResponse();  } }}
  该processResponse()方法使用XMLHttpRequest对象的responseXML和responseText属性来检索HTTP响应。如上面所解释的,仅当在响应的媒体类型是text/xml,application/xml或以+xml结尾时,这个responseXML才可用。这个responseText属性将以普通文本形式返回响应。对于一个XML响应,你将按如下方式检索内容:
var msg=xmlHttpReq.responseXML;
  借助于存储在msg变量中的XML,你可以使用DOM方法getElementsByTagName()来检索该元素的值:
var catalogId=msg.getElementsByTagName("catalogId")[0].firstChild.nodeV
  最后,通过更新Web页面的validationMessage div中的HTML内容并借助于innerHTML属性,你可以测试该元素值以创建一个要显示的消息:
if(catalogId=="valid"){ var validationMessage = document.getElementById("validationMessage"); validationMessage.innerHTML = "Catalog Id is Valid";}else{ var validationMessage = document.getElementById("validationMessage"); validationMessage.innerHTML = "Catalog Id is not Valid";}
  六、 小结  上面就是XMLHttpRequest对象使用的所有细节实现。通过不必把Web页面寄送到服务器而实现数据传送,XMLHttpRequest对象为客户端与服务器之间提供了一种动态的交互能力。你可以使用JavaScript启动一个请求并处理相应的返回值,然后使用浏览器的DOM方法更新页面中的数据。
如果您想提高自己的技术水平,欢迎加入本站官方1号QQ群:&&,&&2号QQ群:,在群里结识技术精英和交流技术^_^
本站联系邮箱:jquery中formValidator表单验证插件学习笔记-jquery-网页制作-壹聚教程网jquery中formValidator表单验证插件学习笔记
在jquery中表单验证不但可以使用最简单的像以前原生态的js验证之外,我们还可以使用jquery中formValidator表单验证插件来验证表单,这个的功能强大并提供了大量函数不需要我去写了,下面我来分享一下我的学习笔记吧。
jQuery formValidator表单验证插件是一款客户端表单验证插件。第一次接触jQuery formValidator是学习phpcms的时候,因为其在表单验证方面功能强大,且使用简单,所以我在做网站开发时常常用到。在WBlog中涉及到写入数据时总是少不了jQuery formValidator的验证。这里主要介绍jQuery formValidator使用方法。
下面我就用WBlog安装包install.php的例子来说明jQuery formValidator的使用方法。
一、加载jQuery formValidator的相关文件
&script type=&text/& src=&/W3note/Modules/Admin/Tpl/Public/Js/-1.4.3.min.js&&&/script&&&&&&&&&&
2&script language=&javascript& type=&text/javascript& src=&/W3note/Modules/Admin/Tpl/Public/Js/formvalidator.js& charset=&UTF-8&&&/script&&&&&&&&&&
&script language=&javascript& type=&text/javascript& src=&/W3note/Modules/Admin/Tpl/Public/Js/formvalidatorregex.js& charset=&UTF-8&&&/script&
把上面文件加载代码放在&head&&/head&之间。其中jquery-1.4.3.min.js和formvalidator.js是必需的,当然jquery-1.4.3.min.js有很多的版本您可以使用其它的版本。如果你要验证表单是否为空或者对表单字节数输入控制,加载formvalidator.js 就可以了,但是如果你要进一步验证表单输入的类型,如数字、时间格式和邮箱格式等就需要把formvalidatorregex.js文件加载进来。
二、jQuery formValidator代码的书写规则
&script type=&text/javascript&&&&&&&&&&&
&$(function(){&&&&&&&&&
&&& $.formValidator.initConfig({autotip:true,formid:&myform&,onerror:function(msg){}});&&&&&&&&&&
$(&#admin&).formValidator({onshow:&填写后台管理员名称&,onfocus:&填写后台管理员名称&}).inputValidator({min:3,max:20,onerror:&填写后台管理员名称&}).regexValidator({regexp:&^\w+$&,onError:&格式不正确&});&&&&&&&&&
&});&&&&&&&&&
&&/script&
与上面代码相应的验证表单
&form action=&check.php& method=&post& id=&myform& &&&&&&&&&&
&label for=&firstname&&用 户 名:&/label&&&&&&&&&&
&input type=&text& name=&admin& id=&admin& style=&width: 180px& value=&admin&/&&&&&&&&&&
上面的js代码中需要动手写的有以下部分:
1、formid:&myform&&&
myform是表单formr 的id,必需,否则表单提交时失去了验证效果。
2、$(&#admin&)
输入框admin的id 即id=&admin&
3、min:3,max:20
控控制输入框input输入的字数,这里表示输入的字数范围是3-20个
3、onshow:&填写后台管理员名称&
输入框的提示说明
4、onfocus:&填写后台管理员名称&
输入框获取焦点时的提示说明
5、onerror:&填写后台管理员名称&
输入框书写错误时的提示
6、.regexValidator({regexp:&^\w+$&,onError:&格式不正确&})
为进一步验证而添加的正则,表示输入框的数据只能是数字、字母或者下划线,更多的Js正则请查看formvalidatorregex.js文件。使用这一步需要加载formvalidatorregex.js文件。
每种格式支持的控件类型如下:
select-one
inputValidator
compareValidator
ajaxValidator
regexValidator
functionValidator
如果你用了不支持的校验功能,插件将忽略这个校验功能。
插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示,下面的4大验证方式,针对showalert这种方式不是都必须的,有些配置是没有作用的
下面分别罗列全局初始化和5种校验方式公开的属性
formValidator:
用来做初始化的类型,必须先执行。(&&&为showalert可用参数)
validatorgroup
一个页面的控件可以分成多个组,分开校验
是否可以为空
automodify
输入错误离开焦点的时候,自动修复错误
先给出提示然后,自动修复,目前只支持text、file、textarea三种类型
空时候的提示
&输入内容为空&
可以为空,为空时候的提示。为空者不显示
显示时候的提示
&请输入内容&
为空者不显示
获得焦点的提示
&请输入内容&
为空者不显示
输入正确后的提示
&输入正确&
当你焦点离开控件的时候,如果输入正确将出现该提示。为空者不显示
显示错误的容器ID
表单ID+&Tip&
如果不自动构建提示层,表示提示成的ID号
如果自动构建提示层,表示提示层相对的目标控件
自动构建的提示层的样式
&left&:&10px&,
&top&:&1px&,
&height&:&20px&,
&width&:&250px&
主要用于定位自动构建的提示层
forcevalid
强制输入的值必须有效
是否把一个全角字符当做2个长度的参数
提交服务器
ajaxValidator是否把该表单提交给服务器
defaultvalue
所有input和select表单。如果你不设置就保持原值,一旦设置就设为默认值。
triggerevent
当前支持2种属性值:
blur:失去焦点的时候触发
change:当输入框里的值发生改变的时候触发
inputValidator:
(对select无效)
&size&:表示比较长度 ,默认值
&number&:数值型比较
&string&:字符型比较
&date&:短日期类型
&datetime&:长日期类型
最小长度/值
默认数值型。如果进行字符比较,请收入字符型
对select-one而言inputValidator里的参数min和max表示选择的索引号范围
对select-multiple而言inputValidator里的参数min和max表示选择的个数
最大长度/值
发生错误的提示
&输入错误&
为空者不显示。
onerrormin
比min属性小的提示
当用户输入的值比min属性小的时候的错误提示
onerrormax
比max属性大的提示
当用户输入的值比max属性大的时候的错误提示
控件文本值是否允许两边为空
两边都允许出现空
默认值{leftempty:true,rightempty:true,emptyerror:null}
leftempty:表示左边是否允许为空
rightempty:表示右边是否允许为空
emptyerror:出现该错误的时候的提示,如果为null,则利用onerror属性来提示错误。
compareValidator:
要比较控件的ID
要跟源目标进行比较的目标ID
一共有如下几种类型:=、!=、&、&=、&、&=
目前只支持2种:&string&、&number&,&datetime&,&date&
发生错误的提示
&输入错误&
为空者不显示。
regexValidator:
或表达式数组
采用的是显式构造函数new RegExp(&pattern&[,&flags&]); 由于Javascript 中'' 被用作转义字符,所以在使用显示构造函数构造实例对象的时候,需要使用'\' 代替''
g:代表可以进行全局匹配。
i:代表不区分大小写匹配。
m:代表可以进行多行匹配。
可以任意组合,当然也可以不加参数
comparetype
&||&或的关系 & &&&&并列
&string&:自己写的表达式,&enum&:枚举名。具体请见demo3.htm
你可以自己修改、添加formValidatorRegex.js里的枚举项目名和表达式。
发生错误的提示
&输入错误&
为空者不显示。
ajaxValidator:
几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助
请求的类型
&POST& 或 &GET&
发送到的URL地址
在服务器端,你可以通过name为clientid获取触发验证的控件ID名
返回的数据类型
xml、html、script、json、text
是否以异步的方式发送
当请求成功时调用的函数
processdata
自动处理返回的数据为字符串
在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串
当请求完成时调用的函数
beforesend
当请求前时调用的函数
有个一个参数,根$.ajax里的beforeSend参数一样。
你点提交的按钮(组)jQuery对象
当你触发了ajax校验,buttons里对应的按钮(组)就会灰掉,一直等待服务器返回数据为止
当请求失败时调用的函数
&请求失败&
你可以自己定义这个错误,在error里自动打出。为空者不显示。
functionValidator
返回值的解释
外部函数名()
参数1:元素的值,
参数2:元素对象
默认当作处理过程
true/false
校验成功/失败
校验失败,返回值当作自定义错误
发生错误的提示
&输入错误&
函数return false的时候,显示该错误信息
主要是设置全局参数和判断是否通过校验
$.formValidator.initConfig
参数:配置类型
validatorgroup
你要针对哪个组进行配置
要自动注册pageIsValid函数的表单ID号
alertmessage
是否弹出窗口
是否自动构建提示层
errorfocus
发生错误的时候,第一个出错控件是否获得焦点
forcevalid
是否一直输入正确为止才允许离开焦点
是否把一个全角字符当做2个长度
该组校验通过后的回调函数,返回false,阻止表单的提交
submitonce
校验通过后,是否灰掉所有的提交按钮
该组校验失败后的回调函数, 有两个参数
一个校验没有通过的错误信息
一个校验没有通过的元素对象
所有的错误信息数组,你可以通过$.map来遍历
是否处于调试模式。true:不提交表单
$.formValidator.pageIsValid
一个参数: 不是配置类型
validatorgroup
你要针对哪个组进行验证
$.formValidator.isOneValid
一个参数: 当时设置验证的表单元素ID。
返回是否校验成功的信息。
$.formValidator.setFailState
function(&tipid&,&显示的信息&)
在showword模式下,如果你的额外校验没有通过,你可以通过它来设置成失败信息和状态
$.formValidator.getLength
function(&表单元素id&)
checkbox或radiobutton表示(同组)选择的个数。
对select-one,选择索引的值
对select-multiple,inputValidator里的参数min和max表示选择的个数
其它input表示的表示字符长度。
$.formValidator.retSetTipState
function(校验组号) 来把该组的提示内容恢复到onshow状态
$.formValidator.reloadAutoTip
重新定位自动构建的提示层
上一页: &&&&&下一页:相关内容

我要回帖

更多关于 表单验证怎么写 的文章

 

随机推荐