【javascript-如何在没有jquery的情况下切换一页上的表单?】教程文章相关的互联网学习教程文章

jquery提交form表单简单示例分享

代码如下:$.ajax({  url : deliveryWarrant/update.do,  data : $(#myform).serialize(),  type : "POST",  success : function(data) {    var res = eval(( + data + ));    if (res && res.success == true) {       alert(res.message);    location.href="/form.php?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val();    } else {      alert(res.message); ...

jquery实现ajax提交form表单的方法总结

方法一: 代码如下:function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($(#formAddHandlingFee).serialize()); $.ajax({ type: "POST", dataType: "html", url: AjaxURL + ?Action= + SubmitHandlingFee + &OrderNumber= + $.trim($("#<%=this.txtOrder...

Jquery.Form 异步提交表单的简单实例

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html# 1. 在你的页面里写一个表单。一个普通的表单,不需要任何特殊的标记: 代码如下:<form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username" name="username" type="text" /> Password:<input id="password" name="password" type="text" /><br /><input type="submit" value="submit async" id="lnkSubmit" /></div></fo...

jquery清空表单数据示例分享

代码如下:function clearForm(form) { // iterate over all of the inputs for the form // element that was passed in $(:input, form).each(function() { var type = this.type; var tag = this.tagName.toLowerCase(); // normalize case // its ok to reset the value attr of text inputs, // password inputs, and textareas if (type == text || type == password || tag == textarea) this.value ...

jquery提交form表单时禁止重复提交的方法

代码如下:$(document).ready(function() { $(form).submit(function() { if(typeof jQuery.data(this, "disabledOnSubmit") == undefined) { jQuery.data(this, "disabledOnSubmit", { submited: true }); $(input[type=submit], input[type=button], this).each(function() { $(this).attr("disabled", "disabled"); }); return true; } else { return false; } });});

jQuery获取和设置表单元素的方法

jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框、单选按钮、以及单选按钮的值。使用val()不带参数,表示获取元素的值使用val()给定参数,则表示把值赋给元素 如下: 代码如下://获取值alert($("input#mytextbox").val());alert($("select#mylist").val());alert($("input#myradio").val()); //设置值$("input#mytextbox").val("61dh");$("select#mylist").val("第一列");$("input#myradio").val(2);

jquery将一个表单序列化为一个对象的方法

代码如下:var aa=function(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this[name]]){ o[this[name]] = o[this[name]]+","+this[value]; }else{ o[this[name]] = this[value]; } }); return o; } 只要传递一个form对象进去就可以.经过方法处理就可以返回一个对象.例如console.info(aa($("#myForm")));可以把这个在火狐浏览器里面试试效果.很好的一个方法.

jquery设置text的值示例(设置文本框 DIV 表单值)

jquery设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容: 实例 代码如下:$("#btn1").click(function(){$("#test1").text("Hello world!");});$("#btn2").click(function(){$("#test2").html("<b>H...

jQuery中验证表单提交方式及序列化表单内容的实现

之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中 代码如下:function addSubmit(){ $(#addForm).form(submit, { url : _basePath + /@Controller/@RequestMapping, onSubmit : function() { if(boolean){//放置能否提交的判断条件 $.messager.show({ title:提示,msg:不符合保存条件, showType:fade,style:{right:,bottom:} }); return false;//阻止表单提交 } return $(#addForm).for...

Jquery插件easyUi表单验证提交(示例代码)

代码如下:<form id="myForm" method="post"> <table align="center" style="width:400px;height:auto;margin-top: 20px"> <tr> <td align="right">命令:</td> <td><input id="cmd" name="cmd" style="width: 200px;" class="easyui-validatebox" required="true" validType="length[5,12]" missingMessage="不能为空"/></td> </tr> <tr> ...

jquery表单验证框架提供的身份证验证方法(示例代码)

如下所示: 代码如下:var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江", 34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北", 43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川" ,52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海", 64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} ...

jquery内置验证(validate)使用方法示例(表单验证)

(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性(7)number:true 必须输入合法的数字(负数,小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(1...

jQuery Form 页面表单提交的小例子

代码如下:<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script> <script type="text/javascript"> //创建测试实例 function createInstance() { var options = { success : function(json) { if (json.succ) { alert(json.info); window.parent.ymPrompt.doHandler("close", true); } ...

jquery获取元素值的方法(常见的表单元素)

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[name=items]').get(1).checked ...

jQuery把表单元素变为json对象

代码如下:(function($){ $.fn.serializeObject=function(){ var inputs=$(this).find("input,textarea,select"); var o = {}; $.each(inputs,function(i,n){ switch(n.nodeName.toUpperCase()){ case "INPUT": if($(n).is(":checkbox")){ if($(n).is(":checked")){ ...