20101221 学习记录：jquery按钮的失效与启用

之前用jquery写了个function用来给textbox的输入内容加密的，用失去焦点blur（）来触发加密。其中，加密是把输入内容发送到某webservice，返回值即为加密后的值，然后再把加密的值赋给输入框。

但是因为ws是远程的，每次加密完成与鼠标离开输入框的时间多少会有一点时间差，测试的时候发现，如果修改了textbox内的值后，鼠标不离开输入框立刻迅速的去点提交，会出现输入框内容没有被加密就被提交的情况，想了一下，给textbox加了一个focus的事件。在输入框一得到焦点时就disable掉提交按钮，当鼠标焦点离开输入框时，再恢复按钮的可用性。基本语句如下：

 

$(”#test”).attr(’disabled’,false);

$(”#test”).attr(’disabled’,true);

 

也看到有人用下面的方法，没有尝试，Mark一下~

jQuery(this).attr({"disabled":"disabled"});

jQuery("#test").removeAttr("disabled");

 

为了您的安全，请只打开来源可靠的网址

打开网站    取消

来自: http://hi.baidu.com/wzbg/blog/item/267fa594b282cc16d21b70ed.html

引自： http://apps.hi.baidu.com/share/detail/16611075

 

于是删掉了一点细节，其大致的代码如下~

 

JS代码

$( ' document ' ).ready( function ()
{ 
     // //once the textbox get the focus, then disable the button
    $( ' #ccno ' ).focus( function  ()
    {
        $( " #submit " ).attr( ' disabled ' , true );
    });
    
    $( ' #ccno ' ).blur( function  ()
    {    
         if ($( " #ptypeh " ).val() == 1 )
        {
            flag  =  validateCCNumber(ccno);
             if (flag)
            {     
                $.ajax({
                type:  " POST " ,
                url:  " Ws/xxx.asmx/xxMethod " ,
                data: {ccno: _ccno,group_code:_group},
                dataType:  " xml " ,
                error:  function (){
                    alert( ' Error loading XML document ' );
                },
                success:  function  (xml)  // parseXml
                {  
                     if  ($(xml).find( " status " ).text()  ==   ' 1 ' ) {
                     
                        tempccno  =  $(xml).find( " xxNode " ).text(); 
                        $( " #ccno " ).val(tempccno); 
                    }  else  { 
                        alert($(xml).find( " Msg " ).text());
                    }
                }  // end success: function (xml) ------------
              });
            } 
             else
            {
                $( " #ccno " ).val( "" );
                $( " #ccno " ).focus(); 
            } //  validateCCNumber(ccno)
         }         
          // operation is over and enable the button
                 $( " #submit " ).attr( ' disabled ' , false ); 
    });
}) 

转载于:https://www.cnblogs.com/neru/archive/2010/12/21/1912295.html