0
我有一个输入特殊符号按钮作为附加。如何在达到maxlength后限制输入字符?
HTML
<div class="col-md-3 col-xs-9 col-sm-9">
<div class="input-group">
<input type="text" maxlength="10" class="form-control" id="symboltext"> <span class="input-group-btn">
<button class="btn btn-default" type="button" id="popbutton" data-placement="bottom" data-container="body"><span class="glyphicon glyphicon-edit"></span>
</button>
</span>
</div>
</div>
JQuery的
var popupElement = '<div class="btn-group" role="group"><button class="btn btn-sm btn-default" id="regbtn"><span class="glyphicon glyphicon-registration-mark"></button><button class="btn btn-sm btn-default" id="copyrightbtn"><span class="glyphicon glyphicon-copyright-mark"><span></button><button class="btn btn-sm btn-default" id="trademarkbtn"><sup>TM</sup></button></div>';
var lastPoint = 0;
$('#popbutton').popover({
animation: true,
content: popupElement,
html: true
});
function textbox() {
var ctl = document.getElementById('symboltext');
var startPos = ctl.selectionStart;
var endPos = ctl.selectionEnd;
lastPoint = startPos;
return {
s: startPos,
e: endPos
};
}
function getVal(insert) {
var val = $("#symboltext").val();
var index = textbox();
val = val.slice(0, index.s) + insert + val.slice(index.s)
lastPoint += 1;
return val;
}
$(document).on('click', "#trademarkbtn", function() {
var val = getVal("\u2122");
var input = $("#symboltext");
input.val(val).focus();
input[0].selectionStart = input[0].selectionEnd = lastPoint;
});
$(document).on('click', "#regbtn", function() {
var val = getVal("\u00AE");
var input = $("#symboltext");
input.val(val).focus();
input[0].selectionStart = input[0].selectionEnd = lastPoint;
});
$(document).on('click', "#copyrightbtn", function() {
var val = getVal("\u00A9");
var input = $("#symboltext");
input.val(val).focus();
input[0].selectionStart = input[0].selectionEnd = lastPoint;
});
我已经把输入的最大长度至10,但我到达后,我仍然能够使用输入字符附加/特殊符号按钮。
小提琴不允许我进入超过10个字符。那么确切的问题是什么? – Akshay
'特殊符号按钮'是什么? –
@Akshay输入10个字符后输入。现在使用该图标添加符号。你将能够插入 – Raviteja