jquery怎么实现input框输入合法input一个10以内的正整数数

&>&jquery编写验证ip的input输入框,附带获取 input光标位置
jquery编写验证ip的input输入框,附带获取 input光标位置
上传大小:37KB
input框,可以进行ip的编写,对tab,点还有左右键,回车键进行了处理,可以有效的快速输入ip
综合评分:0
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验,不建议使用迅雷下载
jquery编写验证ip的input输入框,附带获取 input光标位置
会员到期时间:
剩余下载个数:
剩余积分:0
为了良好体验,不建议使用迅雷下载
积分不足!
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验,不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可返还被扣除的积分
被举报人:
请选择类型
资源无法下载 ( 404页面、下载失败、资源本身问题)
资源无法使用 (文件损坏、内容缺失、题文不符)
侵犯版权资源 (侵犯公司或个人版权)
虚假资源 (恶意欺诈、刷分资源)
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名:
*投诉人联系方式:
*版权证明:
*详细原因:
jquery编写验证ip的input输入框,附带获取 input光标位置jquery 如何设置 input控件 只能输入正整数_百度知道
jquery 如何设置 input控件 只能输入正整数
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
靊龡窞窞輌
靊龡窞窞輌
采纳数:15
获赞数:19
擅长:暂未定制
建议使用正则表达式进行验证并加以限制,只能输入正整数:^[0-9]*[1-9][0-9]*$
为你推荐:
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。input输入框加入限制只能输入正整数,输入其他字符会自动清除:
&input type="text" value="1"
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" /&
阅读(...) 评论()在web开发中,经常会做搜索功能,想要实现类似百度搜索那种,输入汉字后立马提示相关信息搜索,本文提供两种思路:
第一种:使用第三方js,只需要一行代码,不过搜索数据库信息比较多可能收费,网址:http://92find.com/
第二种:提供大概思路和代码。
首先,肯定是要从数据库或者js自己定义要加载的内容,保存到schoolList中,可以从数据库中获取到数据然后放到js里面,贴代码:
html输入框代码:
&input type="text" id = "txt" name="addstuTSchool" class="addstuTSchool" placeholder="学校名" autocomplete="on" list="mylist" onkeyup="search()"/&
&datalist id="mylist"&&/datalist&
var schoolList = new Array();schoolList.push("北京大学");schoolList.push("清华大学");schoolList.push("复旦大学");
function search()
$("#mylist").empty();
var tea_school=$('input.addstuTSchool').val();
for(i = 1; i & schoolList. ++i)
if(tea_school != "" && schoolList[i].match(tea_school + ".*") != null)
var option="&option&"+ schoolList[i] +"&/option&";
$("#mylist").append(option);
jqueryUI实现输入提示
autocomplete是jqueryUI里的一个插件
效果和说明可以访问这里,作用类似于搜索时的自动提示:
http://jqueryui.com/demos/autocomplete/...
Input框的智能提示下拉层功能
下面我们来实现如图所示的功能。
第一步:首先我们先在html文件中简单的布个局如下图:
在input框下面还需要建立一个下拉框的布局,将下拉框隐藏掉
实现的静态效果是如下图所示:
一个快速实现搜索智能提示的方法
对于很多网站或者系统,基本都会有搜索框,对于搜索框如何做智能提示呢,如果自己开发还是需要花费一些工作量的,既然这样,那么可不可以使用他人已经做好的轮子呢,答案是可以,我们要做的就是使用智能提示插件。这...
简单的js+css的输入框自动提示功能实现
由于原来项目需求做了一个基于百度的suggest的提示功能,直接调用的百度的suggest功能,能够实现与百度搜索一样的提示效果。最近需要在一个简单的输入框中加一个提示功能,大概就是后台把数据传到前台...
基于jquery的搜索框输入提示
仿百度与google的搜索框输入提示,支持键盘上下选择与鼠标点击选择。只包含前面代码,后台返回数据为模拟的数据。
1.未输入前的效果
2.输入内容后,自动弹出下拉层,里面有若干匹配输入内容的...
JS实现输入框类似百度搜索的智能提示效果
先上效果图
现在上代码
position:...
使用jQuery实现input的灰色提示信息
* Input框里的灰色提示,使用前先引入jquery
* 使用方法:
function inputTipText(){
自动补全、自动提示的两种实现方式(前端实现与后端实现)
input输入框有时需要实现自动提示的功能,如下图:
那么怎么实现呢?一是使用autocomplete属性,二是直接调用后端的服务。下面分别记录一下代码,以供参考。
1.autocompl...
&input&输入框提示输入内容
现在很多的网页的文本框都有灰色的提示文字,光标点入输入框则灰色提示内容就会消失,光标离开又出现(当然是在填写内容之前了),以下代码就可实现上述功能 。
将此段代码加入到标签中:
超级简单的实现搜索框智能提示 JQuery+Servlet
没有更多推荐了,js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange的相关文章推荐 - Web前端 - ITeye专栏频道
先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:
$('#username').bind('input propertychange', function() {
$('#content').html($(this).val().length + ' characters');
(2)  对于JS原生写法而言, oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发。oninput 事件在主流浏览器的兼容情况如下:   从上面表格可以看出,oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发,有以下 ...
看代码。与大小写无关哟。不过你硬要试,我也不勉强。&input type=&checkbox& onpropertychange=&alert('勾选时候IE提示消息')& oninput=&alert('勾选时候Firefox没有反应')&/&&input type=&text& onproperty ...
&script language=&javascript& type=&text/javascript&&
window.onlad = function(){
document.getElementById('tx1').attachEvent(&o ...
属性改变事件: onpropertychange
是不太常用,但很有用的事件.
当对象的属性改变时,触发此事件.
IE7支持onpropertychange事件,
可是firefox不支持这个事件.
我想自动填充效果大家都见怪不怪了吧,其实要想实现自动填充效果,只要将当前输入的数据取出然后实时去数据库进行模糊匹配(不区分大小写并且将字符转换成对象数据找)就可以实现了,那就要时间当我们按下键盘时去触发时间并得到返回的集合进行页面的回显,我们也可以用jquery或者用ajax写(在jquery中有对ajax的实现而且使用起来十分方便大家应该知道ajax局部刷新吧);
下面我们就用jquery去实现 ...
HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。
什么是WebSockets?   WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。同时WebSockets仍将基于W3C ...
Pyjamas 0.8 alpha1 已经发布了。 Pyjamas 的优点:用 Python代替HTML和JavaScript编写网络程序。 很多使用Google网络工具包(Google Web Toolkit,GWT )的人都奇怪为什么不能用Python代替Java。没关系,有了Pyjamas就行了。 和GWT类似,Pyjamas是一个跨浏览器API,有了它,你可以使用Python编写客户端功能 ...
jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。 本文收集了15段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。 1.预加载图片 (function($) { var cache ...
随着Web2.0技术的不断推广,越来越多的应用使用 JavaScript 技术在客户端进行处理,从而使JavaScript在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因JavaScript的阻塞特性变的复杂,也就是说当浏览器在执行JavaScript代码时,不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript代码,从而提高其在浏览器中的性能。
先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:
$('#username').bind('input propertychange', function() {
$('#content').html($(this).val().length + ' character ...
 在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。
 onin ...
在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。
&script type=&text/javascript&&
//其他浏览器
function OnInput (event) {
alert (&文本内容: & + event.target.value);
// IE浏览器
function OnPropCh ...
当我从新选择了时间。 需要触发个事件。 调用js 在input 加 onchange 没用。。 请教
类似于谷歌,百度的搜索提示。 我们知道如果用onkeyup做出发事件时,中文输入发的话会出现问题。所以最好用oninput或者onpropertychange 现在有2个问题。 第一,我看过个自动提示的例子,它确实用的是onkeyup可以实现输入中文后的提示,但是代码太多,过于复杂,我没看懂,请问这怎么实现的? 第二,有个jquery搜索提示的插件autocomplete。因为是外国的没有考虑到中文 ...
&div attr:&attr_val&&&/div& 能否做一个事件On_Attr_Change,监听元素属性的变化,以便属性变化的时候作出处理
On_Attr_Change = function(){
/* 自定义处理代码 */ }
在TextArea中,如何响应用户输入文本的改变,如当用户输入一个字符时或删除一段文字(按delete)时,怎么响应该变化。 查Flex的Help,有change,datachange,但这些事件中,当调用到该TextArea的text属性时,text的值为改变前的值,而事件event中的text则只是新改变的值,如当插入文字时,则event.text为新插入的文字的值,但当新输入是delete时, ...
最近在写tinyMCE的图片上传插件时, 引用 &tr& &td&&input name=&src& type=&text& id=&src& value=&& class=&mceFocus& onchange=&ImageDialog.showPreview ...
49个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSetti ...
说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:
最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家 都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。
userData ...
只弄了一部分,要下班了。改天再弄。
&!DOCTYPE html& &title&HTML5新增属性&/title& &section& &article& &header&&h1&autofoucs&/h1&&/header& &p& autofoucs可以对input(ty ...
接上篇:JavaScript内核系列 第8章 面向对象的JavaScript(上)
8.4实例:事件分发器
这一节,我们通过学习一个面向对象的实例来对JavaScript的面向对象进行更深入的理解,这个例子不能太复杂,涉及到的内容也不能仅仅为继承,多态等概念,如果那样,会失去阅读的乐趣,最好是在实例中穿插一些讲解,则可以得到最好的效果。 本节要分析的实例为一个事件分发器(Event Dispa ...
之前写过 iamseseJS和__xu_init jS简易框架 , 好长时间不看,忘了,郁闷,今天要用个DOM事件做东西,平常都用JQ,突然发现并不需要这么大的东西,就整理了下 .... 用起来都忘了 郁闷 记个笔记,似乎事件代理有些问题,晚上回去再看了...
写道 demo 功能需要: 1. 单击行如果行未选中 则高亮当前行 并勾选 复选框,否则去掉 复选框 并且还原 原来的背景色 2. 单 ...
HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。
什么是WebSockets?   WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。同时WebSockets仍将基于W3C ...
发布一个实用的js window封装类,主要内容包括: 1.获取屏幕宽度的函数 2.获取屏幕高度的函数 3.获取滚动条横向宽度 4.获取滚动条竖向高度 5.window.onscroll绑定事件 6.删除window.onscroll绑定事件 7.window.onload绑定事件 8.让元素显示在屏幕中间 9.获取屏幕中间显示距离顶部的高度 10.固顶元素在屏幕中显示,不随滚动条的变化而变化

我要回帖

更多关于 jquery实时监听input 的文章

 

随机推荐