jquery form插件(二)
来源:互联网 发布:淘宝零食推荐 知乎 编辑:程序博客网 时间:2024/05/24 07:25
ajaxForm
和 ajaxSubmit
都支持大量的可选参数,它们通过可选参数项对象传入。可选参数项对象只是一个简单的 JavaScript对象,里边包含了一些属性和一些值:
null
action
的值method
的值 (如果没有指明则认为是 'GET')[{name:uname,value:test},{name:upassword,value:password}]
缺省值: null
null
dataType
选项用来指示你如何去处理server端返回的数据。 这个和 jQuery.httpData
方法直接相对应。 下面就是可以用的选项:null
type="image"
元素. 所以只有当表单里必须要求有严格顺序并且表单里有type="image"
时才需要指定这个。false
null
null
false
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script><script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script><script type="text/javascript">$(document).ready(function(){var options = {//target: '#output1', // target element to updatedataType :'json',beforeSubmit: showRequest, // pre-submit callbacksuccess: showResponse // post-submit callback};$("#basicForm").ajaxForm(options);});function showRequest(formData,jqForm,options){var queryString = $.param(formData);alert('About to submit: \n\n' + queryString); return true;}function showResponse(responseText, statusText, xhr, form){alert('status: ' + statusText + '\n\nresponseText: \n' + responseText.message + '\n\nThe output div should have already been updated with the responseText.');}</script></head><body><b>基本表单测试</b><hr/><form action="upload.php" id="basicForm" method="post">名称:<input type="text" name="username"/><br/>密码:<input type="password" name="password"/><br/><input type="text" name="message" ><br/>喜欢颜色:<br/><select multiple="multiple" size="5" name="color[]" style="width:100px;"><option value="red">红色</option><option value="black">黑色</option><option value="yellow">黄色</option><option value="green">绿色</option><option value="blue">绿色</option><option value="purple">紫色</option></select><br/>性别:<input type="radio" name="sex" value="1"/>男<input type="radio" name="sex" value="2"/>女<br/>爱好:<input type="checkbox" name="love" value="lanqiu"/>篮球<input type="checkbox" name="love" value="zuqiu"/>足球<input type="checkbox" name="love" value="kandianying"/>看电影<br/>简介:<textarea rows="5" cols="30" name="intro"></textarea><br/><input type="submit" value="提交" ></form><div id="output1" style="display: none;">AJAX response will replace this content.</div></body>
upload.php
echo json_encode(array('message'=>$_REQUEST['message']));
下面代码为验证表单:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script><script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script><script type="text/javascript" src="../js/jquery.validate.js"></script><script type="text/javascript" src="../js/jquery.metadata.js" ></script><script type="text/javascript">$(document).ready(function(){$("#validationForm").validate();$("#validationForm").ajaxForm({beforeSubmit:validate});});function validate(formData,jqForm,options){//formData is an array of objects representing the name and value of each field //[{name:uname,value:test},{name:upassword,value:password}]/*for( var i=0;i<formData.length;i++ ){if( !formData[i].value ){alert(formData[i].name+"不能为空~");return false;}}*/var form=jqForm[0];if( form.uresetpassword.value != form.upassword.value ){alert("密码和重置密码必须一致"); return false;}}</script></head><body><b>验证表单</b><form action="validation.php" id="validationForm" method="post">UserName:<input type="text" name="uname" class="{required:true,minlength:2,maxlength:6,messages:{required:'必须填写',minlength:'最小长度为2',maxlength:'最大长度必须小于20'}}"/><br/>Password:<input type="password" name="upassword" class="{required:true,messages:{required:'必须填写'}}"/><br/>resetPassword:<input type="password" name="uresetpassword" class="{required:true,messages:{required:'必须填写'}}" /><br/>email:<input type="text" class="{required:true, email:true, messages:{required:'必须填写邮箱地址', email:'请填写正确的游戏地址'}}"><br/><input type="submit" value="提交"></form></body>
- jquery form插件(二)
- jquery form插件(二)
- JQuery之form插件
- JQuery Form插件介绍
- jQuery Form插件介绍
- jquery form插件(一)
- jquery form 插件
- jQuery插件之form
- jQuery.Form插件介绍
- jquery form 插件
- jQuery Form插件详解
- JQuery之form插件
- jQuery.form插件
- JQuery表单插件Form
- jQuery插件之Form
- jquery 插件 - 表单(Form)插件
- jQuery Form表单插件jquery.form.js
- jQuery表单插件jQuery.form
- print %.*s
- 设置对话框背景(总结)
- ibatis中采用resultClass避免给pojo类全部属性赋值
- jQuery美化select下拉框
- 王晓东 乘法表问题
- jquery form插件(二)
- Android 背景颜色处理[使用 Drawable.setColorFilter(),或者paint.setColorFilter()]
- 基于二维直方图的阈值分割
- 设置 VPN (vpn tech runo) FOR UBUNTU
- 一个syn c源码
- STL中分解字符串函数strtok
- C# 采用系统委托的方式处理线程内操作窗体控件
- Directshow中的视频捕捉
- xcode代码提示功能失效的解决方法 .