代码如下: Test $(document).ready(function() { //敲击按键时触发 $("#Score").bind("keypress", function(event) { var getValue = $(this).val(); //控制第一个不能输入小数点"." if (getValue.length == 0 && event.which == 46) { event.preventDefault(); return; ...
今天看群里有人发起了人人网以前一些面试题,我以前也转载过一些,恰好闲着,挑选一题来做做,练个手。 本题有以下要求: 1. 使用原生代码实现,不可使用任何框架; 2. 对 input框中输入的字符进行匹配,将匹配到的内容以菜单的形式展现在 input框的下方; 3. 只针对英文字符进行匹配,并且匹配到的内容在菜单中加粗; 4. 通过键盘上的上下箭头可以对菜单进行选择,按下回车后将选中的内容写入到 input框中; 思 路 捕捉输入变化,...
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示“用户名/Email”的提示。是不是很常见?很多搜索、登录、表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: ...
完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: 代码如下: 点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义 $("#clear_keleyi_com").click(function (){ $("#keleyi_com").val(''); }) JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query...
我们在登录网站的时候,文本框中经常会有提示你输入的信息,当你点击文本框,提示信息自动消失,当文本框什么都没有,而且失去焦点的时候,又有了提示文字。 1.原型开发,先做一个简单的: 我们首先需要一个html文件: 代码如下: input test //这里放置css //这里放置jquery代码 下面加入jquery代码: 我使用了click 和blur内置事件类型处理,而且,只是对username框有效(因为密码框还有别的因素考虑) 代码如下...
html 代码如下:输入框自动匹配字符~但是遇到一个问题~所有匹配的字符要事先写好~大概如果是大型网站的话~应该是利用数据库的记录吧看代码 html 代码如下: ul,li{margin: 0; padding: 0;width:100%;} function checkword() { var wordvalue=document.getElementById("word").value.toLowerCase(); var alltxt="all|big|cut|car\|daph8|eeg|egg|eat|fuck|fuck you|fix|good|hand|hidden|ill|jack|jad|kevin|long|man|number|o...
已经有两年多没登陆csdn账号了,中间做了些旁的事,可是现在却还是回归程序,但改做前端了,虽然很多东西都已忘得差不多了,但还是应该摆正心态,慢慢来,在前端漫游,做一只快乐双鱼。 路是一步一步走出来的,知识是一点一滴积累的,记录是笔财富,来吧,一起学着总结做笔记。 这几天在写后台文章的一些页面,为了能得到更好的交互性,需要做一些效果,js无疑使不二之选,但由于浏览器的兼容性一直差强人意,所以选用jquery框架,...
效果如下:代码如下: 代码如下:.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; }<script type="text/javascript" src="js/jquery-1.7.1.min.js"; ?>" ></ script><script type="text/javascript" src="js/jquery.tools.min.js"; ?>" ></ sc...
通过字符串拼接,将所有的输入框中的内容,用“1234235#34634234#123525”这样的格式拼接。网页端代码: 代码如下:js代码: 代码如下:$(function() { //初始化 initFields();});function initFields(){ //初始化手机 var text = $(#mobile).val(); var ss=text.split("#"); if(ss.length>0){ $(#mobile_t).val(ss[0]); } for(var i=1;i<ss.length;i++){ addinput(mobile_s_div, mobile_div,s...
代码如下: ; ; 无标题文档 function $(obj){return document.getElementById(obj);} function show(objid) {$(objid).style.display='inline';} function hidden(objid) {$(objid).style.display='none';} function doit(){ var sel_val=$('sel').value; if (sel_val=='') {hidden('a1');hidden('a2');} if (sel_val==0) {hidden('a1');hidden('a2');} if (sel_val==1) {show('a1');hidden('a2');} if (sel_val==2) {show('a2'...
1.文本框只能输入数字代码(小数点也不能输入) 代码如下: 2.只能输入数字,能输小数点. 代码如下: 3.数字和小数点方法二 代码如下: 4.只能输入字母和汉字 代码如下: 5.只能输入英文字母和数字,不能输入中文 代码如下: 6.只能输入数字和英文chun 代码如下: 7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: 代码如下: 57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue...
代码如下: $("#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("...
代码如下: Js日期选择器并自动加入到输入框中 var gMonths=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"); var WeekDay=new Array("日","一","二","三","四","五","六"); var strToday="今天"; var strYear="年"; var strMonth="月"; var strDay="日"; var splitChar="-"; var startYear=2000; var endYear=2050; var dayTdHeight=12; var dayTdTextSize=12; var gcNo...
代码如下: 很漂亮、兼容火狐的Js日期选择,自动填充到输入框 body{font-size:12px;font-family:Verdana,Arial,"宋体";} a:link {color:#464646;text-decoration:none;} a:visited {color:#464646;text-decoration:none;} a:hover{color:#ed145b;text-decoration:underline;} a:active{color:#ed145b;text-decoration:underline;} td{font-size:12px} /*/*/ /*DateCSS样式*/ .header {font: 12px Arial, Tahoma !important;font...
最近客户需求老是变更,不过有些是因为客户催得急,我没有那么快能完成,所以先做了一个雏形给他们,后来再慢慢改。比如雏形那里我做了一个下拉列表给他们,事实上他们的数据有200多条,用个下拉列表的话很不现实,你能找那么多?而且那个下拉列表该有多长啊?所以很自然的,我想到了百度那个智能提示的功能。 参考了一下之前忘记是哪位大侠写的东西,他的是使用百度api的,为了简单起见,我把数据都定在了js那里,这样看官们容易理...