代码如下: $("#focus .input_txt").each(function(){ var thisVal=$(this).val(); //判断文本框的值是否为空，有值的情况就隐藏提示语，没有值就显示 if(thisVal!=""){ $(this).siblings("span").hide(); }else{ $(this).siblings("span").show(); } //聚焦型输入框验证 $(this).focus(function(){ $(this).siblings("span").hide(); }).blur(function(){ var val=$(this).val(); if(val!=""){ $(this).siblings("...
通过字符串拼接，将所有的输入框中的内容，用“1234235#34634234#123525”这样的格式拼接。网页端代码： 代码如下:<form><table><tr><th>手机：</th> <td style="padding:10px 0;"> <input type="hidden" name="user.mobile" value="124213#243463" id="mobile"/> <div id="mobile_s_div"> <input type="text" id="mobile_t" name="mobile_t" value="%{#session.user.mobile}" onchange="checkMobilephone(this)" onke...
效果如下：代码如下： 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>.taDetail{height: 50px; width:350px; text-align:left; vertical-align:top;}#divShowNum{ font-size:14px; width: 50px; height: 18px; border: none; padding: 5px; padding-bottom: 15px; display: none; position:absolute; }</style><script type="...
已经有两年多没登陆csdn账号了，中间做了些旁的事，可是现在却还是回归程序，但改做前端了，虽然很多东西都已忘得差不多了，但还是应该摆正心态，慢慢来，在前端漫游，做一只快乐双鱼。 路是一步一步走出来的，知识是一点一滴积累的，记录是笔财富，来吧，一起学着总结做笔记。 这几天在写后台文章的一些页面，为了能得到更好的交互性，需要做一些效果，js无疑使不二之选，但由于浏览器的兼容性一直差强人意，所以选用jquery框架，...
我们在登录网站的时候，文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，当文本框什么都没有，而且失去焦点的时候，又有了提示文字。 1.原型开发，先做一个简单的： 我们首先需要一个html文件： 代码如下:<html> <head> <title>input test</title> <meta name="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> //这里放置css </style> <script type="text/javascript" src="...
完整示例：http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码： 代码如下:<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <textarea id="keleyi_com" cols="30" rows="5">点击按钮后，这些文字将被清空。http:www.keleyi.com 柯乐义</textarea> <br /><input type="button" id="clear_keleyi_com" value="清空" /> <script type="text/javascript"> $(...
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的： ...
代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script> </head> <script type="text/javascript"> $(document).ready(function() { //敲击按键时触发 $("#Score").bind("keypress", function(event) { var getValue = $(this).val(); ...
首先还是看html代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="Scripts/jquery.autogrow.js"></script> <script type="text/javascript">...
代码如下:/* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass -1 as speed if you dont want the char-deletion effect. (dont just put 0) * Example: jQuery("Textarea").textlimit(span.counter,256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync....
废话不多说，直观的看一下： 实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。先看客户端的HTML： 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>搜索词自...
【解决方案】 1. 准备工作 （1）输入框 代码如下:<input type="text" name="searchText" title="请输入搜索关键字" /> （2）CSS代码 代码如下:input.helpText { color: #aaa;} （3）转换方法 代码如下:function switchText() { if ($(this).val() == $(this).attr(title)) $(this).val().removeClass(helpText); else if ($.trim($(this).val()) == ) $(this).addClass(helpText).val($(this).attr(title)); } （...
为了提高用户体验，我在午休时候想起了是不是可以用jQuery写个插件。想到不如做到，果然，我实现了这个功能。在写这个插件时我潜意识里想到这样的插件网上应该有人写过，不过我并没有去搜索，你有兴趣可以找一找。下面是插件的源代码。 源代码 代码如下:;(function($) { $.fn.autoSizeText = function(settings) { var _defaultSettings = {min:20,max:40}; var _settings = $.extend(_defaultSettings, settings); var _handler ...
直接看代码: 代码如下:(function($){ var keyCode={ BACKSPACE: 8, CAPS_LOCK: 20, COMMA: 188, CONTROL: 17, DELETE: 46, DOWN: 40, END: 35, ENTER: 13, ESCAPE: 27, HOME: 36, INSERT: 45, LEFT: 37, // NUMPAD_ADD: 107, // NUMPAD_DECIMAL: 110, // NUMPAD_DIVIDE: 111, // NUMPAD_ENTER: 108, // NUMPAD_MULTIPLY: 106, // NUMPAD_SUBTRACT: 109, PAGE_DOWN: 34, PAGE_UP: 33, PERIOD: 190, RIGHT: 39, SHIFT: 16, SPACE: 3...
代码如下:/** * power by wooshoo copyright 2008-2009 * 程序名：JQuery 专用输入检查器 * 内容：专门针对input[text password hidden]以及textarea的用户输入进行检查 * 检查的范围包括：字符数、是否包含特殊字符、是否为整数、是否符合email格式、是否为电话号码、 * 是否为网站地址、是否为图片地址、是否为浮点小数、是否为人民币货币、是否为日期格式 * 是否为时间格式、是否为日期时间格式、是否为密码格式（仅包含大小写字...