功能：通过jquery判断form表单中是否有内容还未填写，如果有未填写的，则阻止提交$(function () {$(‘form‘).bind(‘submit‘,function () { //给form标签绑定submit事件var i=0;$("input").each(function(){ //遍历input标签，判断是否有内容未填写var vl=$(this).val();if(vl==""){i=1;}});var t=$(‘textarea‘).val(); //判断textarea标签是否填写if (t==‘‘) {i=1;}if (i==1) { //如果有未填写的，则return false阻止提...
<head><script type="text/javascript">$("#sub1").click(function(){var text1=$("#text1").val();if(text1==""){alert("不能为空!");$("#text1").select();$("#text1").focus();}else{$("#form1").submit();}})</script></head><body><form id="form1" method="post" action=""><input type=text id="text1"/><input type="submit" id="sub1"搜索 value="提交"></form></body> 原文：http://www.cnblogs.com/sunhaoyu/p/4821499....
7.2 jQuery 表单插件 ----- Form7.2.1 Form 插件简介jQuery Form 插件是一个优秀的 Ajax 表单插件，可以非常容易地、无侵入地升级 HTML 表单以支持 Ajax。jQuery Form 有两个核心方法----- ajaxForm() 和 ajaxSubmit() 。它们集合了从控制表单元素到决定如何管理提交进程的功能，另外，插件还包括其他一些方法： formToArray() / formSerialize() / fieldSerialize() / clearForm() / clearFields() 和 resetForm() 等等。原文：h...
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>jquery form序列化转换为json对象</title><script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script></script></head><body><form action="" name="post_form" id="post_form">姓名：<input type="name" name="name" value="王"><br/>性别：<input type="radio" name="sex" value="男"checked>男<input type="radio" name="sex" value="女">女<br/>爱好：...
function exportExcel() {var merchantName = $(‘#merchantName‘).val();var merchantNo = $(‘#merchantNo‘).val();var orderNo = $(‘#orderNo‘).val();var phone = $(‘#phone‘).val();var orderStatus = $(‘#orderStatusCombobox‘).combobox(‘getValue‘);var paidStatus = $(‘#hasPaidCombobox‘).combobox(‘getValue‘);var refundStatus = $(‘#hasRefundCombobox‘).combobox(‘getValue‘);var firstDealStatus...
//1.jquery ajax<script type="text/javascript">$(function(){var basePath = $("#basePath").val();//上架操作 $("#upAll").click(function(){var chk_value =""; $(‘input[name="ckID"]:checked‘).each(function(){chk_value += $(this).val()+","; });if(chk_value ==""){alert("请选择需要上架的项!!");return;}else{if(!confirm("确定上架吗?")){return;}}var addNetworkId = $("#addNetworkId").val();//al...
一、focus() 与 blur()与focusin() , focusout() 的区别：是否支持冒泡处理focusin(): 事件绑定在父元素div，当它内部 有input获得焦点，会冒泡给父元素div。focusout() 也是 <div class="box">点击触发焦点(无反应)：<input type="text"/></div>$(".box").focusin(function() {$(this).css(‘border‘, ‘2px solid red‘);// 点击input，input获得焦点，冒泡到父元素div ，父元素div加上了边框，$(this)代表父元素.box而不是点击...
问题: jquery中使用submit提交按钮时，当return false后，依然会提交表单.解决: 使用button按钮，而不是submit按钮<script type="text/javascript" src="scripts/jquery-2.0.2.js"></script><script type="text/javascript"> function check(){ var npassword=$("#npassword").val(); var npassword2=$("#npassword2").val(); if(npassword==null||npassword==""){ alert("密码不能为空！"); $("#npassword").focus(...
jQuery注册方法的两种常用方式：//jQuery静态方法注册
//调用方法$.a1()$.extend({a1: function () {console.log("a1");}
})
//jQuery插件方法注册
//调用方法$("#col").b1()$.fn.extend({b1: function () {console.log("b1");}
})将ajax返回的数据自动绑定到form表单中的插件，常用语修改等业务，源码如下：/*
flagName:标识绑定字段元素的属性，如data-bind是寻找绑定字段的属性：<input data-bind=‘Time‘ type=‘text‘ />
js...
1 <html>2 <head>3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">4 <script type="text/javascript" src="jquery-1.8.3.js"></script>5 <script type="text/javascript" src="jquery.validate-1.8.1.js"></script>6 7 <script type="text/javascript">8 $.validator.addMethod(‘checkNum‘,function(value,element){//自定义验证规则方法 9var res=fals...
前台向后台传值的方法主要有两种，一种是通过form表单的action来传值，另一种是通过ajax、url的方式传值。第一种方式会刷新页面，第二种方式页面会局部刷新，但如果向后台传的参数过多的话会造成代码的冗余，维护不便，而序列化表单很好的解决了这个问题。 <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">
$(document).ready(function(){$("button").click(functio...
最近在做微信端的界面，一直写表单验证！一直在写表单验证！发现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)num...
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。属前端开发人员居家旅行必备！官网地址：http://jqueryvalidation.org/，所需插件大家可以去其官网下载。本教程提供一个简单、一目了然的的实例，本文只做记录用。详细教程参考：jQuery Validate 菜鸟教程 步骤一：引入所需js文件，包括jQuery，只需这2个！ 步骤二：将需要验证的元素用form表单...
在实际开发项目中，由于要做支付宝的批量退款处理，需要用到ajax中去提交表单数据，项目截图如下： 由于在第二张截图“确认退款”那里需要异步ajax提交数据到服务器处理信息，处理成功后将返回的数据装载到对应界面的表单隐藏域中，然后再使用$(‘#formId‘).submit()提交表单，此时遇到谷歌、IE等浏览器拦截表单提交后的URL新窗口，思考了很久，终于找到了解决办法：以下内容转载自http://hezlh.blog.163.com/blog/static/178...
虽然看上去好像很爽的样子，尤其在一些具有超过单行文本框<input type="text" />、多行文本框<textarea>等页面，但是，遇到一些需要特定判断的页面，你还不如设置一个id，直接通过id来取，简单方便，不用考虑遍历问题这么艰难。这种方法只是尤其使用于那些超多文本框的页面，但你又不想连用服务器语言什么aspx,jsp,php设置N个id的情况。例如，利用这个方法能够改进《【JavaScript】表单提交之前的前台处理检查三部曲》（点击打开链...
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。