开发中遇到的jquery函数应用和表单验证处理

整理前端js笔记第一篇!

form 表单提交

$(".submit").removeAttr.(‘onclick‘);
$(‘[name="form表单名"]‘).submit;

获取input的id

$(‘#id‘).val();

获取input的name

$(‘[name="name值"]‘).val();

each方法为每个元素匹配元素规定的函数

$("li").each(function()){ } //为li标签匹配这个方法

attr方法返回设置被选元素的属性值

$("img").attr("width","180");

checkbox代表html选择框

为input元素匹配方法执行删除

var flag = 0;
$(‘input:checkbox[name="id[]"]:checked‘).each(function(i){flag = 1;});
if(flag == 0)
{
   alert(‘请选择要删除的数据‘);
   return false;
}
//获取form 表单执行方法
$("form[name=‘orderForm‘]").attr(‘action‘,‘{url:删除方法的地址}‘);
confirm(‘确定要删除所选中的数据吗?‘,‘formSubmit(\‘orderForm\‘)‘);

json::encode 将数组转换为json数据

json($array) 将数组转换为字符串

时间: 2024-11-09 14:20:59

开发中遇到的jquery函数应用和表单验证处理的相关文章

jQuery Validate 插件,表单验证功能

连接地址:http://www.w3cschool.cc/jquery/jquery-plugin-validate.html jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jör

jQuery html5Validate基于HTML5表单验证插件

一.前言 前3篇文章实际都是为本文做铺垫的,如果以下棋表示,前三篇是普通走棋,本篇是将军! 目前市面上有不少表单验证插件,看似强大,实在糟糕! 总结下,有以下一些问题: 过多干预包括:改变了表单元素UI, 为表单元素绑定过多事件等 布局等限制包括:需要特定结构的布局,需要特定的类名或者ID 学习成本包括:N多元作者自定义的属性,或者自定义的特定的数据结构 可用性 当JS出现错误的时候而无法正常运作的时候,验证就是聋子的耳朵——摆设,即使在现代浏览器下也是如此. 面向未来的表单验证 验证驱动验证信

jQuery插件——Validation Plugin表单验证

jQuery表单验证插件:https://plugins.jquery.com/tag/validate/ jQuery Validation插件是最常用的插件之一:http://jqueryvalidation.org/ 一.基本API rules里面的“username”是input中的“name”,不是“id”. 表单验证,主要是俩:一是规则,二是提示信息 当在使用validate插件的时候: 使用validate()方法的时候将debug设置为true,那么表单不会提交,只进行检查,调试

140926●日期时间操作、数学函数操作、表单验证

日期时间操作:var d=new Date();var d=new Date(1999,3,5); //时间是:1999-4-5 d.getFullYear();年d.getMonth();月(正常-1)d.getDate();天d.getDay();星期几d.getHours();d.getMinutes();d.getSeconds(); 数学函数操作:Math.ceil();Math.floor();Math.round();Math.random();Math.sqrt(); 表单验证:

jquery 一个简单的表单验证实例

表单验证在网站开发过程中经常遇到,我们可以使用服务器端语言验证,也可以使用客户端语言来验证.本文章向大家介绍jquery客户端验证表单的一个简单实例.实例仅作参考. <body> <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <!-- 为每个

jquery validate插件高级表单验证

Validation(validate)插件提供了另一种方法来为一个表单添加验证,而不需要改变字段的HTML.此外,这个插件提供了广泛的附加选项来控制它如何工作.我们通过给validate()函数传递一个对象直接量来设置这些选项,其中包含了每个选项的单独对象.例如,要指定一条验证规则,我们包含了该规则的代码的一个对象.首先,紧跟着validation函数的第一个圆括号的后面,我们包含一个开始花括号,并且在函数的结束圆括号的前面,放置一个结束花括号. $('idOfForm').validate(

一款基于jQuery的带Tooltip表单验证的注册表单

今天给大家分享一款基于jQuery的注册表单,这款注册表单的特点是确认提交注册信息时,表单会自动验证所填写的信息,如果信息填写有误,即会在相应的字段内以Tooltip提示框的形式显示错误信息.这款jQuery表单实现非常简单,使用起来相对比较轻巧. 在线预览   源码下载 这款插件js要引用jquery.js库,还有一个easyform.js 库. html代码部分如下: <div class="form-div"> <form id="reg-form&q

input file 在开发中遇到的问题 类似ajax form表单提交 input file中的

http://www.midifan.com/moduleuser-index-428015.htmhttp://www.midifan.com/moduleuser-index-428074.htmhttp://www.midifan.com/moduleuser-index-428060.htmhttp://www.midifan.com/moduleuser-index-428282.htmhttp://www.midifan.com/moduleuser-index-428172.htm

jquery自己手写表单验证

<script type="text/javascript"  src="../jquery-1.8.3.js"></script> /*验证邮箱格式*/ function checkEmail(strEmail){ if(!/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ .test(strEmail)){ return false; } else { return true; } } $(