`

jquery bind text事件

 
阅读更多
<script type="text/javascript">
<!--
//复选框反选
var revSelect = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = !ids[i].checked;
}
}

//复选框全部清空
var clearAll = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = false;
}
}

//复选框全部选中
var selectAll = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = true;
}
}

//提交form表单
var formSubmit = function() {
var ids = document.getElementsByName("idAndOrder");
var isFlag = false;
for ( var i = 0; i < ids.length; i++) {
if (ids[i].checked) {
isFlag = true;
}
}

if (isFlag) {
$("#order_form").submit();
} else {
alert("请选中要修改排序的推荐应用!");
}

}

//检查排序字段
var checkOrder = function(e) {
var appId = e.data.appId;

//获取复选框
var checkbox = $("#appIds_" + appId);

//正则表达式
var r = /^[0-9]+$/; //^[0-9]*[1-9][0-9]*$

var input = $("#sequence_" + appId);
var textValue = input.val().trim();

if (textValue == "") {
alert("请输入大于零的整数!");
//console.log(appId);
checkbox.attr("checked", false);
focus();
return;
} else if (!r.test(textValue)) {
alert("请输入大于零的整数!");
checkbox.attr("checked", false);
focus();
return;
} else if (textValue > 100) {
alert("请输入小于100的整数!");
checkbox.attr("checked", false);
focus();
return;
}

checkbox.attr("checked", true);

//设置
checkbox.val(appId + "_" + textValue);

//延时
function focus() {
setTimeout(function() {
input.focus();
}, 0);
}
}

$(document).ready(function() {
$("#order_submit").bind("click", formSubmit);
$("#selectAll").bind("click", selectAll);
$("#clearAll").bind("click", clearAll);
$("#revSelect").bind("click", revSelect);

//绑定排序text
$("input[id ^= 'sequence_']").each(function() {
var rv = $(this).attr("id");
var id = rv.replace("sequence_", "");
$(this).bind("blur", {appId : id}, checkOrder);
//$(this).bind("propertychange change", {appId:id}, checkOrder); 对应值改变
});
});
//-->
</script>
分享到:
评论

相关推荐

    关于jquery input textare 事件绑定及用法学习

    (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$...

    Jquery Change与bind事件代码

    Jquery的基本语法: 代码如下: $(“input[type=’text’]”).change( function() { // 这里可以写你想要的验证代码; }); 2 当绑定一个文本框的时候 代码如下: $(function () { $(“#txtAssessmentTotal”).change...

    JQuery 绑定事件时传递参数的实现方法

    如题,比如我想在$(“:text”).bind(“keyup”,funcionName);将当前的文本框作为参数传递给 functionName所代表的函数,应该怎么写?试了一 下$(“:text”).bind(“keyup”,functionName(this));这样是不对的! 1....

    jquery-binddata:一个 jquery 插件,便于将 javascript 对象绑定到表单字段。 该插件将根据绑定对象的属性设置表单字段元素的值,并在对表单进行更改时更新绑定对象

    jquery-binddata 一个 jquery 插件,便于将 javascript 对象绑定到表单字段。 该插件将根据绑定对象的属性设置表单字段元素的值,并在对表单进行更改时更新绑定对象。 用法 Binddata 期望表单字段元素的名称与模型...

    JQuery中的事件及动画用法实例

    本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 代码如下:[removed][removed] [removed] $(function () { $(“#divid h5.head”).bind(“click”, function () { //...

    jQuery 1.4.1 中文参考

    8.2.1 bind(type, [data], fn) 117 8.2.2 one(type, [data], fn) 122 8.2.3 trigger(type, [data]) 123 8.2.4 triggerHandler(type, [data]) 124 8.2.5 unbind([type], [fn]) 125 8.3 事件委派 127 8.3.1 live(type,...

    jquery-text-selection-special-event:每次在网页中选择文本时都会触发jQuery自定义特殊事件的jQuery插件

    描述 该插件可让您将自定义(特殊)事件绑定到文档,即...$(document).bind('textselect',函数(evt,string,element){if(string!=“”)alert('Selected text('+ element.tagName +'):'+ string);}) ;

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;p&gt;If you click on me, I ...

    jQuery事件绑定和委托实例

    jQuery事件的绑定和委托可以用多种方法实现,on() 、 bind() 、 live() 、 delegate() ,还有one()。   有时我们可能会像下面这样绑定一个事件: 代码如下:$(“#div1”).click(function() {   alert&#40;...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jQuery的bind()方法使用详解

    此方法可以为所有匹配元素的特定事件绑定事件处理函数,例如: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;软件开发网&lt;/title&gt; &lt;style type=text/css&gt; d

    jQuery 处理页面的事件详解

    在之前dom操作中提到了javascript对事件处理的介绍。...在jQuery中,通过bind()对事件绑定,相当于IE浏览器的attachEvent()和标准DOM的addEventListener()。如下例子: 代码如下: &lt;script type=”text/javascript

    jquery中关于bind()方法的使用技巧分享

    bind()绑定事件的时候,这些元素必须已经存在,而on()可以处理类似于代理这样的东东,也就是说不存在的元素(动态生成的元素也可以处理),如下动态生成的 To do list ,再双击删除,可使用on()轻松完成,你会发现,...

    jquery keypress,keyup,onpropertychange键盘事件

    代码如下: $(“#textboxID”).bind(“onpropertychange”, function(){ //alert&#40; $(this&#41;.text() ); //自动截取的逻辑代码 }); firefox没有onpropertychange 下面推荐个比较好用的代码,兼容性更好 代码...

    jquery1.11.0手册

    bind(type,[data],fn) one(type,[data],fn) trigger(type,[data]) triggerHandler(type, [data]) unbind(t,[d|f]) 事件委派 live(type,[data],fn)1.7- die(type,[fn])1.7- delegate(s,[t],[d],fn) ...

    jQuery绑定事件-多种实现方式总结

    jQuery绑定事件-多种实现方式总结 &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; [removed][removed] &lt;/head&gt; &lt;body&gt; &lt;input type=text/&gt; &lt;input type=button value=button1/&gt; ...

    jQuery开发技巧

    $ document bind &quot;contextmenu&quot; function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 失去焦点的时候 input输入框文字处理: $ document ready function { $ &quot;input ...

    jQuery绑定事件的几种实现方式

    本文实例为大家分享了jQuery绑定事件多种实现方法,供大家参考,具体内容如下 &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; [removed][removed]&lt;!--百度CDN--&gt; &lt;/head&gt; &lt;body&gt; &lt;...

    jquery 联动输入插件

    &lt;script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"&gt; &lt;style type="text/css"&gt; .j_prompt_select { width: 350px; z-index:100; border: #7f9db9 1px solid; background: #fff; font-size:...

Global site tag (gtag.js) - Google Analytics