我想將前綴和后綴附加到輸入值。例如,我的前綴是 ABC,我的后綴是 DEF,現在當用戶輸入要輸入的內容時,我想附加 ABC-USERVAL-DEF,即(前綴-用戶輸入-后綴)。請幫幫我。我試過這樣的事情。
$("#input").on("keyup", function() {
var prefix = 'ABC-'
var suffix= '-DEF'
var final = prefix $(this).val() suffix;
$(this).val('');
$(this).val(final);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type=text id="input" val=''>
uj5u.com熱心網友回復:
我使用了@shrys 代碼并為退格增強了該代碼。
$("#input").on("keyup", function(e) {
var prefix = 'ABC-';
var suffix = '-DEF';
var val = $(this).val().replace(prefix, '').replace(suffix, '');
var final = prefix val suffix;
$(this).val(final);
});
$("#input").on("keydown", function(e) {
var key = event.keyCode || event.charCode;
var prefix = 'ABC-';
var suffix = '-DEF';
if( key == 8 || key == 46 ){
var val = $(this).val().replace(prefix, '').replace(suffix, '');
$(this).val(val);
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type=text id="input" val=''>
歸功于@shrys
uj5u.com熱心網友回復:
我要感謝@shrys 的回答,這暫時解決了我的問題。
$("#input").on("keyup", function(e) {
var prefix = 'ABC-';
var suffix = '-DEF';
var val = $(this).val().replace(prefix, '').replace(suffix, '');
var final = prefix val suffix;
$(this).val(final);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type=text id="input" val=''>
uj5u.com熱心網友回復:
// I think there's a little bit of that with chang
$("#input").on("change", function (e) {
let value = $(this).val();
const prefix = 'ABC-';
const suffix = '-DEF';
value = value.replace(/(^ABC-)|(-DEF$)/g, '');
$(this).val(prefix value suffix);
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/357352.html
標籤:javascript html 查询
