前端页面： 代码如下: //提示到服务器 $(function () { $("#butsubmit").click(function () { var data = $("#tf").serializeArray(); //自动将form表单封装成json // $.ajax({ // type: "Post", //访问WebService使用Post方式请求 // contentType: "application/json", //WebService 会返回Json类型 // url: "/home/ratearticle", //调用WebService的地址和方法名称组合 ---- WsURL/方法名 // data: data, //这里是要传递的参数...
本人比较懒，在做web时，当遇到要重复多次同样的事时，就想找一种省时省力的方法。 以前在web提交表单并且需要验证用户输入时，在提取用户输入信息时，都要在js用到document.getElementById()，这样一个两个表单域还行，但有很多时（我就遇到过有十几个的情况）看看都眼花，所以个人就比较反感这种方式，不过还好，我自己瞎琢磨，利用jquery找到了一种方便的方法。 我给需要提交数据每个表单域添加了一个额外的属性，用自己额外定义...
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。如下所示：代码如下: 那么，如何通过ajaxSubmit(obj)提交数据呢？首先我们需要一个form： XHTML 代码如下:上面是一个需要提交内容的form，通常情况下，我们直接通过form提交的话， 提交后当前页面跳转到form的action所指向的页面。然而，很多时候我们比不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数...
代码如下: 输出： "page1=1&pageno=1&pagename=&pageflag=0"
自从上次做了JQ自定义分页插件和表格插件后，就没在自定义过插件了，这一个月都在用linq和ef,基本前端都没怎么去碰了，今天有个同事说有个项目需要在下拉框里面带有复选框，本来想网上找下插件的，一想，其实这功能也并不难，于是就自己做了一个，也趁机再次熟悉下JQ自定义插件吧，好了，先附上效果图先： 看上去没怎么难吧，其实就是强化JQ，免得太久没用，生疏了。好了。附上我的代码：代码如下:(function($){ var option={ ...
由于JQuery中，提交表单是像下面这样的： 代码如下:$(#yigeform).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(#yigeform).reset()但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！ 后来，上网查了一下，说是，JQuery中没有reset方法，经核对，果然是没有。 那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法，如下： 代码如下:$(#yigeform)...
键盘事件处理所有用户在键盘敲击的情况，不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的，通常这种键盘事件可以作用于 Form元素，a标签元素，window ，document这样的元素上。在所有可以获得交点的元素上是可以触发键盘事件的，可以获得焦点的元素可以这样理解，在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下，当tabindex设置为负数的时...
预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: JavaScript Code代码如下: $(document).ready(function() { $('#myform').previewForm(); }); previewForm.js代码如下:(function($){ $.fn.previewForm = function(options){ var form_settings = $.extend({ identifier : 'label', show_password : true, extratext : 'Do You Want To submit', yes : 'yes', no : '...
基本思路： 通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action 示例程序一： 默认情况下，该表单会提交到page_one.html 点击button之后，表单的提交地址就会修改为page_two.html 代码如下: jquery test 修改form的提交地址为page_two.html var $fun = $('button[name=update]'); $fun.click(function(){ $('form[id=qianshou]').attr('action','page_two.html'); }); 示例程序二...
jQuery select表单提交省市区城市三级联动,引用的是“jquery-1.7.min”类库，地区码查询地区名用数组存在AreaData_min，下面摘要部分代码： SelectArea.htm文件 代码如下: jQuery select表单提交省市区城市三级联动 $(function (){ initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0'); }); //得到地区码 function getAreaID(){ var area = 0; if($("#seachdistrict").v...
jquery禁用输入内容 $(function(){ $("#name").attr("disabled","disabled"); $("#note").attr("disabled","disabled"); $("#submitBtn").attr("disabled","disabled"); }) 姓名: 说明: 提交
在开发项目中，将前台的值传给后台，有时的JSP表单中的值有一两个，也有全部的值，如果这时一个个传，必定不是很好的办法，所以使用jQuery提供的表单序列化方法，可以很好的解决这个问题，同时可以封装成通用的函数，执行成功可以调用各自的回调函数，实现各自的功能。 代码如下：function queryUserInfo(actionUrl,formId,fun){ var params=new Object(); //声明数组 $.each($("#"+formId).serializeArray(),function(index,par...
select下拉列表onChange事件之JQuery实现： JQuery：$(document).ready(function () { $("#selectMenu").bind("change", function () { if ($(this).val() == "pro1") { $("#pro1").slideDown(); $("#pro2").slideUp(); } else if($(this).val() =="pro2") { $("#pro2").slideDown(); $("#pro1").slideUp(); } }); });HTML: Please select product below Product 1 Product 2 //1.jQuery对select的基本操作 $("#sele...
$(function(){ $("#btnSubmit").click(function(){ $("form[name='form1']").submit(); $("form[name='form2']").submit(); }) }) 提交
事情是这样的，做了一个登陆页面，把 Form 去了，直接拿 Jquery 的 Ajax 跟服务器交互，但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧：代码如下: $("#loginbox input[type=submit]").click(function() {//Ajax 与服务器交互验证 }); $(#loginbox).keydown(function(e){if(e.keyCode == 13){//模拟点击登陆按钮，触发上面的 Click 事件$("#loginbox input[type=submit]").click();} }...