如果你对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...
之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是form提交（和平常一样在后台可以获取到Form表单的值）。在所要提交的表单中，如果元素很多的话建议用第二种方式进行提交，当然你要是想练练“打字水平”的话用第一种方式提交也未尝...
代码如下: $(#FashionStatement).val(); var limitNum = 1000; var pattern = 还可以输入 + limitNum + 字; $(#statementRowChk).html(pattern); $(#FashionStatement).keyup( function() { var remain = $(this).val().length; if (remain > 1000) { pattern = $(字数超过限制，请适当删除部分内容); } else { var result = limitNum - remain; pattern = 还可以输入 + result + 字; } $(#statementRowChk).html(pattern); } ); ...
网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子： 代码如下: 注意看上面代码中以“jv“开头的各种属性名，这些都是表单验证插件需要用的属性值。其中各属性代表的意思请阅读以下表： 1、form表格控件元素可使用的属性：属性名 说明jvpattern 用来验证控件值是否正确的正则表达式。（可不定义此属性)jvcompareid 需要与当前控件进行值相等比较的其它控件id。（...
本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解：:enabled,:disabled,:checked,:selected的用法。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！ 运行后，需要刷新下，加载下jqueryjQuery-Selectors-9 .div { width:95%; margin-left:15px; margin-top:15px;...
jquery操作表单元素代码/*假设在一个表单中有一个按钮id="save"$(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系，只有第一个会提交的哈哈. });});取下拉菜单选中项的文本； 获取和设置下拉菜单的值； 清空下拉菜单； 给下列菜单添加元素； 取单选框...
我的解决办法如下（只针对客户端）： 用户点击提交按钮后给按钮添加disabled属性 代码如下:$("input:submit").each(function() { var srcclick = $(this).attr("onclick"); if(typeof(srcclick)=="function"){ $(this).click(function() { if (srcclick()) { setdisabled(this); return true; } return false; });} }); function setdisabled(obj) { setTimeout(function() { obj.disabled = true; }, 100); }
1.获取input类的值： $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值：$("select").val(); 当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某个特定的控件取值，例如：$("input#myID").val()。 下面将对每一种控件的取值方法做一一介绍： 1. input type="text" 单行文本输入框和input type="password" 密码输入框...
代码如下:/* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ? arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ? arguments[1] :true, isAlert = typeof arguments[2] ==="boolean" ? arguments[2] :false, //验证规则 rule = { // 正则规则 "eng" : /^...
messages_cn.js （不引用messages_cn.js是英文的提示，用了是中文） 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein gltiges Datum ein.", number: "Please enter a valid number.", nu...
由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先贴出来，给大家提示下，碰到这种情况不要使用该代码。代码如下： js: 代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeof (Page_ClientValidate) == function) { Page_ClientValidate(); ...
代码如下: $(function(){ //输入框中文字颜色控制 $("input:not(:last)").css("color","#999"); }); //用户名框鼠标焦点移进，文字消失 $("input:first").click(function () { var check1 = $(this).val(); if (check1 == this.defaultValue) { $(this).val(""); } }); //用户名框鼠标焦点移出，文字显示 $("input:first").blur(function () { $(this).val(this.defaultValue); }); //密码框鼠标焦点移进，文字消失 $("input:eq...
jquery取radio单选按钮的值$("input[name='items']:checked").val();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单选组...
一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_...