js文件代码：$(function() { $(".submit").click(function() { var name = $("#name").val(); var username = $("#username").val(); var password = $("#password").val(); var gender = $("#gender").val(); var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;if(name=='' || username=='' || password=='' || gender=='') { $('.success').fadeOut(200).hide(); $('....
我们可以使用jquery的serialize()方法来获取表单的数据，然后使用ajax提交表单。 具体代码如下：var frm = $('#contactForm1');frm.submit(function (ev) {$.ajax({type: frm.attr('method'),url: frm.attr('action'),data: frm.serialize(),success: function (data) {alert('ok');}});ev.preventDefault();});
html部分：formValidatorform{ width: 500px; margin: 100px auto; } table tr td:first-child{ text-align: right; } table tr td{ padding: 5px 0; } div{ margin-left: 10px; padding: 0 10px; }$.formValidator.initConfig({ //用于配置当前formValidator插件formID: "myfm",debug: false,submitOnce: true,validatorGroup: '1',//设置验证组，默认值为1onSuccess: function() { //验证成功后的回调函数},onError: function() ...
nicejforms可以算是jquery的一个插件，可以起到非常好的美化表单的作用demo：http://www.healdream.com/upload/html/nicejforms/nicejforms_green.htmldown：http://www.51files.com/?O4IXTNT9ZO9BIL954XTP用法：首先将两个js包含进来，就像这样 代码如下:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Page title 然后加入css 代码如下:@import url("niceforms.css")接着对form，设定class 代码如下:最后写下如下...
说来满惭愧的，到今天才接触到jquery，实在是有点晚，不过既然接触到了这么好的东东，就一定要好好挖掘一下。先来共享几个jquery的资源站Plugins - jQuery JavaScript Library（这里有不少的jquery插件）http://jquery.com/这儿就是jquery的老家了Visual jQuery 1.0 (Automated)jquery的说明文档15 Days Of jQuery15天学会jquery（其实不用这么长时间）之前Realazy写过一篇jquery上手教程 http://realazy.org/blog/2006/08/31/smal...
表单提交时候我们应该控制提交按钮，不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中，造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制，下面就是相关的例子和代码。<form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm">姓名:<input name = "name" type="text" /><button type="button" id="submit">提交申请</button> </form> <script>...
2008-07-22 14:47 bug描述:ajaxValidator函数在提交后发生错误，停留在本页面后,再次触发校验会让提示内容一直处于onload状态。 这个bug已经修复，请重新下载。 2008/7/17 14:12:00 jQuery formValidator 3.1ver 1、为inputValidator增加empty属性。用于设置控件文本值是否允许两边为空。具体请看demo1里的密码的校验代码。 该属性是个对象，默认值{leftempty:true,rightempty:true,emptyerror:null} leftempty:表示左边是否允许...
html页面 代码如下:js代码 代码如下:function checkForm() { pass = true; $("td:contains('*')").next().find("input").each(function(){ if(this.value == '') { text = $(this).parent().prev().text(); alert(text+"是必填项"); this.focus(); pass = false; return false;//跳出each } }); return pass; } JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中...
其效果图如下：使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一，包含文件部分 代码如下: 二，HTML部分 代码如下: formValidation插件的表单验证方法如下： validate[required,custom[onlyLetter],length[0,100]] 参数说明：required表示表单必填，custom[]表示验证的条件，length表示长度 formValidation插件其它说明： optiona...
对于如下表单form1: 代码如下:只需要运用以下代码即可实现对表单form1下所有元素的隐藏 代码如下:$("#butt_test").click(function (){ $(form1.elements ).hide(); //form1.elements是form1下所有子元素的集合 });
代码如下: jqueryValidateDemo $(function() { $("#login").validate({ rules:{ name:{ required:true }, password:{ required:true, minlength:4 } }, messages:{ name:{ required:"此项为必填项" }, password:{ required:"此项为必填项", minlength:"密码长度至少为4个字符" } } }) }); JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态...
但唯一遗憾的是，在对中文输入法打开时，firefox3.0中是对中文拼音的自动匹配，而对输入后的中文无法及时触发匹配；而在我的IE6.0下，则无此问题。 原因分析： Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的（可分析jquery.autocomplete.js第 92行），在IE6中，当输入法打开时，输入的字符是不会触发”keydown”的，只有中文输入完毕才触发之，所以中文输入和latin文没有区别的；但在firefox3.0下，无...
具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div. 这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始 E:first-child:是其父元素的第1个类型为E的子元素 E:last-child:是其...
如果你对JQuery的基本语法还不是很熟悉，请搜索本站的教程资源。如果你对PHPMailer用法不熟悉，请查看本站的另一篇文章《使用PHPMailer类库发送电子邮件》。 第一步，创建一个表单HTML页面 这里，我们只展示主要的表单部分HTML结构代码： 代码如下:<div id="contact_form"> <form name="contact" method="post" action=""> <fieldset> <label for="name" id="name_label">姓名</label> <input type="text" name="name" id="nam...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).che...