All elements in a region are blocked in jquery.

Sometimes, you need to block all input types in a div. Using jquery is simple and effective.

Jquery extension functions:

<Script type = "text/javascript">

(Function ($ ){
$. Fn. disable = function (){
/// <Summary>
/// Shield all elements

/// </Summary>
/// <Returns type = "jQuery"/>

Return $ (this). find ("*"). each (function (){
$ (This). attr ("disabled", "disabled ");
});
}

$. Fn. enable = function (){
/// <Summary>
/// Make all elements valid

/// </Summary>
/// <Returns type = "jQuery"/>

Return $ (this). find ("*"). each (function (){
$ (This). removeAttr ("disabled ");
});
}
}) (JQuery );

</Script>

 

Usage: load immediately blocked:

<Script type = "text/javascript">

$ (Document). ready (function (){
$ ("# Div_test"). disable ();
});
</Script>

The results are not very nice, but they are quite effective.

Of course, the beautiful way is to create a layer on it for shielding.