今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器，成功时显示信息。 jQuery 代码: 代码如下:$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 后来我就想了一下,我要提交form表单有没有办法呢?但是我不可能每个fom的input都写一次var demo=$("#divname").val();的. 后来,今天我看到一个方法,就是.map,就做...
代码如下:<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> $(function(){ $(":input.required").each(function(){ var $required = $("<strong>*</strong>"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断一下鼠标离开谁了 if($(this).is("#username")){ $(".formtip").remove(); //按照用户名的规则去...
例如下的选项中，我们要求带*的是必选的，看图：看到上面网页没？业务办理渠道下的多选必须要选中一个，怎么办？如果一个都没有选中，在表单提交的时候我们就要去提示错误信息，，，。大家都知道jquery验证input是非常简单的，却很少要去验证多选或单选，而且还是一组组的验证，是分了组的，并非页面上的所有！！怎么办呢？ 不用jquery用其他的，可以吗？可以！！！不过我们还是用jquery来实它。 先来看一下，没有选中的效果，我们...
代码如下:$.ajax({ type: "POST", url: url, <SPAN style="COLOR: #ff0000">data: $(#form1).serialize(),</SPAN> success: function(msg){ alert( "Data Saved: " + msg ); } });
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:<p></p><br/><select id="single"> <option>Single</option> <option>Single2</option></select><select id="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option></select>jQuery 代码:$("p").append( "<...
Jquery提供的选择器极大的方便了开发人员对Dom的操作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如下： 代码如下:<form name=form1 action="#" method="post"> 此处略去200字 <input type="radio" name="opType" value="0" />搁置<br /> <input type="radio" name="opType" value="1" />解决<br /> <input type="radio" name="opType" value="2"...
在开发中，我们会用到很多表单，我们希望表单提交以后，能reset， 但是jquery没有这个方法，怎么处理呢？ 代码如下:<form id="form1" action="" method="post" runat="server"> <input name="inp" id="inp" value="1" /> </form> 方法一： 我们可以通过就是实现 id： 代码如下:document.getElementById("form1").reset(); name： 代码如下:document.formName.reset(); 方法二： 逐一清空： 代码如下:$("#inp").val("1"); 但...
代码如下: $("#focus .input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).siblings("span").hide(); }else{ $(this).siblings("span").show(); } //聚焦型输入框验证 $(this).focus(function(){ $(this).siblings("span").hide(); }).blur(function(){ var val=$(this).val(); if(val!=""){ $(this).siblings("...
jquery 笔记： 代码如下:$(“input[name=radio_name]:checked”).val() <input type="radio" value="1" name="radio_name" />1 <input type="radio" value="2" name="radio_name" />2 <input type="radio" value="3" name="radio_name" />3 网上的东西太乱了，而且jQuery不同版本可能写法不太一样，经过搜索和做实验，下面写的是jQuery 1.3.2版本下的 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，sel...
代码简单， 注意2个地方enctype和encoding 代码如下:$("#form").attr("enctype", "multipart/form-data"); $("#form").attr("encoding", "multipart/form-data"); $("#form").attr("action", "XXX.html"); $("#form").attr('method', 'POST'); $("#form")attr('target', frameId);-->指定响应的目标
代码如下:<script type="text/javascript"> $(function(){ $("#btnSubmit").click(function(){ $("form[name='form1']").submit(); $("form[name='form2']").submit(); }) })</script><form name = "form1" action = "handleForm1Action"></form><form name = "form2" action = "handleForm2Action"></form><button id="btnS...
(jsp需要引入 ：jquery-1.9.0.js、jquery.form.js ) ，jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！ (参考文献：//www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一：web (add.jsp) 代码如下:<%@page import="com.fingerknow.project.vo.UserInformation"%> <%@ page language="java" contentTy...
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下:<html> <body> <form method="post" action=""> <!-- 如果表单中使用重置功能时，不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示<br> <input type="radio" name="visible" value="0" />隐藏<br> <select name="orderBy" id="orderBy"> <option value="0">0</option> <option value="1">1</option> </select><br> <input type="r...
代码如下:<SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN> 代码如下:<script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此处可获取各种表单如（：text/:button） $(this).addClass("focusa"); if ($(this).val()==this.defaultValue){ $(this).val(""); } }).blur(function(){ $(this).removeClass("focusa"); if ($(this).val()==""){ $(this).val(this.defaultValue); } }); }); </...
代码如下:function submit(){ var formData=$("form").serialize(); $("#ac").val("savesearch"); $.ajax({ type: "POST", url: "/index.aspx", processData:true, data:formData, success: function(data){ $("#result").html("保存成功"); } });}