先下页面代码： 代码如下: $(document).ready(function () { $('.formToCheck').formCheck(); }); form { width: 300px; } label { position: absolute; } input:not(.submit), textarea { margin-left: 100px; width: 200px; } .submit { margin-left: 100px; } .error { border:1px solid red; } 我们定义了一个form，定义了几个输入框，请注意class属性，有的是class="required"，说明该项是必填项；class="re...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 代码如下: $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不...
1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） 代码如下: 3.中要验证的标签（做一些常用的演示） 代码如下: 身份证(正则表达式库): 身份证(外部函数): 整数: 正整数: 负整数: 数字: 正数（正整数 + 0）: 负数（负整数 + 0）: 浮点数: 正浮点数: 负浮点数: 非负浮点数（正浮点数 + 0）: 非正浮点数（负浮点数 + 0）: 颜色: 你的EMAIL: ...
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $("input").val(); $("textarea").val(); 前些日子无意想到另外一个方法（如果知道下面的方法的朋友可以就此打住）： 代码如下: //在form表单中添加一个隐藏的reset按钮， //然后通过trigger来触发reset按钮 function subform(){ /* .....
实例 输出序列化表单值的结果： 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法 代码如下: $(selector).serialize() 详细说明 .serialize() 方法创建以标准 URL 编...
代码如下:// Ajax 文件下载 jQuery.download = function(url, data, method){ // 获取url和data if( url && data ){ // data 是 string 或者 array/object data = typeof data == string ? data : jQuery.param(data); // 把参数组装成 form的 input var inputs = ; jQuery.each(data.split(&), function(){ var pair = this.split(=); inputs+=; }); // request发送请求 jQuery() .appendTo(body).submit().remove(); }; };***也就...
jquery submit()无法提交表单 报错：f[s] is not a function， js submit()无法提交表单 报错：document.getElementByIdx_x(...).submit is not a function 这2个错让人很无奈啊，语法没有任何错误，怎么能报错呢？ 因为以前重来没有遇到过，这次是在改别人的代码，回头看了看代码，我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了。 为什么呢？应该是一个type="submit"的Input才会影响表单提交啊！我向可能name="sub...
Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，功能也足够一般的需要了。rules也足够简单，很容易上手，举个简单的例子，用validation来验证注册表单。 首先确定验证的目标是： 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok，目标很明确了。正片开始 代码如下: $(function(){ $( "#regForm" ).validate({ rules: { // 注...
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:
代码如下:function submit(){ var formData=$("form").serialize(); $("#ac").val("savesearch"); $.ajax({ type: "POST", url: "/index.aspx", processData:true, data:formData, success: function(data){ $("#result").html("保存成功"); } });}
代码如下: 表单类失去焦点的效果 代码如下: $(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); } }); }); 各种表单的类型： 代码如下: 文本框 密码框 提交按钮 重置按钮 单...
(jsp需要引入 ：jquery-1.9.0.js、jquery.form.js ) ，jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！ (参考文献：http://www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一：web (add.jsp) 代码如下: pageEncoding="utf-8"%> 注册商圈 response.setCharacterEncoding("utf-8");//这...
[html] 代码如下: var formValidate = new formValidate(); formValidate.init({}); [javascript] 代码如下: /* * 通用JS验证类 * 使用方法： * var formValidate = new formValidate(); * formValidate.init({}); * 注意： * * id为formValidate * * * validate="zip_code" 验证是否是邮政编码 * empty="yes" 验证是否允许为空 * min=10 最小长度 * max=10 最大长度 * 显示提示内容 */ var formValidate = function ()...
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下: 不推荐：使用如下js代码 代码如下: $(function(){ //回显时并不是真是数据的默认值 $("input[type=radio][name=visible]").each(function() { if ($(this).val() == '${teacher.visible}') { $(this).attr("checked", "checked"); } }); $("#orderBy option").each(function() { if ($(this).val() == '${teacher.orderBy}') { $(this).attr("selecte...