mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-10 19:58:14 +08:00
106 lines
3.8 KiB
JavaScript
106 lines
3.8 KiB
JavaScript
/*
|
|
* jQuery Input Limitor plugin 1.0
|
|
* http://rustyjeans.com/jquery-plugins/input-limitor/
|
|
*
|
|
* Copyright (c) 2009 Russel Fones
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person
|
|
* obtaining a copy of this software and associated documentation
|
|
* files (the "Software"), to deal in the Software without
|
|
* restriction, including without limitation the rights to use,
|
|
* copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the
|
|
* Software is furnished to do so, subject to the following
|
|
* conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be
|
|
* included in all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
|
* OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
(function($) {
|
|
$.fn.inputlimitor = function(options) {
|
|
var opts = $.extend({}, $.fn.inputlimitor.defaults, options);
|
|
if ( opts.boxAttach && !$('#'+opts.boxId).length )
|
|
{
|
|
$('<div/>').appendTo("body").attr({id: opts.boxId, 'class': opts.boxClass}).css({'position': 'absolute'}).hide();
|
|
// apply bgiframe if available
|
|
if ( $.fn.bgiframe )
|
|
$('#'+opts.boxId).bgiframe();
|
|
}
|
|
$(this).each(function(i){
|
|
$(this).keyup(function(e){
|
|
if ( $(this).val().length > opts.limit )
|
|
$(this).val($(this).val().substring(0,opts.limit));
|
|
if ( opts.boxAttach )
|
|
{
|
|
$('#'+opts.boxId).css({
|
|
'width': $(this).outerWidth() - ($('#'+opts.boxId).outerWidth() - $('#'+opts.boxId).width()) + 'px',
|
|
'left': $(this).offset().left + 'px',
|
|
'top': ($(this).offset().top + $(this).outerHeight()) - 1 + 'px'
|
|
});
|
|
}
|
|
var remText = opts.remText;
|
|
remText = remText.replace(/\%n/g, opts.limit - $(this).val().length);
|
|
remText = remText.replace(/\%s/g, ( opts.limit - $(this).val().length == 1?'':'s' ));
|
|
|
|
var limitText = opts.limitText;
|
|
limitText = limitText.replace(/\%n/g, opts.limit);
|
|
limitText = limitText.replace(/\%s/g, ( opts.limit == 1?'':'s' ));
|
|
|
|
if ( opts.limitTextShow )
|
|
{
|
|
$('#'+opts.boxId).html(remText + ' ' + limitText);
|
|
// Check to see if the text is wrapping in the box
|
|
// If it is lets break it between the remaining test and the limit test
|
|
var textWidth = $("<span/>").appendTo("body").attr({id: '19cc9195583bfae1fad88e19d443be7a', 'class': opts.boxClass}).html(remText + ' ' + limitText).innerWidth();
|
|
$("#19cc9195583bfae1fad88e19d443be7a").remove();
|
|
if ( textWidth > $('#'+opts.boxId).innerWidth() ) {
|
|
$('#'+opts.boxId).html(remText + '<br />' + limitText);
|
|
}
|
|
// Show the limitor box
|
|
$('#'+opts.boxId).show();
|
|
}
|
|
else
|
|
$('#'+opts.boxId).html(remText).show();
|
|
});
|
|
$(this).keypress(function(e){
|
|
if ( (!e.keyCode || (e.keyCode > 46 && e.keyCode < 90)) && $(this).val().length >= opts.limit )
|
|
return false;
|
|
});
|
|
$(this).blur(function(){
|
|
if ( opts.boxAttach )
|
|
{
|
|
$('#'+opts.boxId).fadeOut('fast');
|
|
}
|
|
else if ( opts.remTextHideOnBlur )
|
|
{
|
|
var limitText = opts.limitText;
|
|
limitText = limitText.replace(/\%n/g, opts.limit);
|
|
limitText = limitText.replace(/\%s/g, ( opts.limit == 1?'':'s' ));
|
|
$('#'+opts.boxId).html(limitText);
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
$.fn.inputlimitor.defaults = {
|
|
limit: 255,
|
|
boxAttach: true,
|
|
boxId: 'limitorBox',
|
|
boxClass: 'limitorBox',
|
|
remText: '%n character%s remaining.',
|
|
remTextHideOnBlur: true,
|
|
limitTextShow: true,
|
|
limitText: 'Field limited to %n character%s.'
|
|
};
|
|
|
|
})(jQuery); |