Question

我停电了......我还没知道如何将javascript应用到文本区域...... 也;什么是最好的？使用onfocus，onblur或onclick加载它？

我有一个像这样的文字区域：

<input type="text" name="c_Kenteken" id="invoerKenteken" class="zoek_kentekenplaat" />

这个脚本：

<script language="javascript" type="text/javascript">
function GetSidecodeLicenseplate(Licenseplate){

var arrSC = new Array;
var scUitz = '';

Licenseplate = Licenseplate.replace('-', '').toUpperCase();

arrSC[0] = /^[a-zA-Z]{2}[\d]{2}[\d]{2}$/         //   1       XX-99-99
arrSC[1] = /^[\d]{2}[\d]{2}[a-zA-Z]{2}$/         //   2       99-99-XX
arrSC[2] = /^[\d]{2}[a-zA-Z]{2}[\d]{2}$/         //   3       99-XX-99
arrSC[3] = /^[a-zA-Z]{2}[\d]{2}[a-zA-Z]{2}$/     //   4       XX-99-XX
arrSC[4] = /^[a-zA-Z]{2}[a-zA-Z]{2}[\d]{2}$/     //   5       XX-XX-99
arrSC[5] = /^[\d]{2}[a-zA-Z]{2}[a-zA-Z]{2}$/     //   6       99-XX-XX
arrSC[6] = /^[\d]{2}[a-zA-Z]{3}[\d]{1}$/         //   7       99-XXX-9
arrSC[7] = /^[\d]{1}[a-zA-Z]{3}[\d]{2}$/         //   8       9-XXX-99
arrSC[8] = /^[a-zA-Z]{2}[\d]{3}[a-zA-Z]{1}$/     //   9       XX-999-X
arrSC[9] = /^[a-zA-Z]{1}[\d]{3}[a-zA-Z]{2}$/     //   10      X-999-XX

//except licenseplates for diplomats
scUitz = '^CD[ABFJNST][0-9]{1,3}$'              //for example: CDB1 of CDJ45

for(i=0;i<arrSC.length;i++){
    if (Licenseplate.match(arrSC[i])) {
        return i+1;
    }
}
if (Licenseplate.match(scUitz)) {
    return 'CD';
}
return false;
}

function FormatLicenseplate(Licenseplate,Sidecode) {

Licenseplate = Licenseplate.replace('-', '').toUpperCase();

if (Sidecode <= 6) {
        return Licenseplate.substr(0, 2) + '-' + Licenseplate.substr(2, 2) + '-' + Licenseplate.substr(4, 2)
}
if (Sidecode == 7 || Sidecode == 9) {
        return Licenseplate.substr(0, 2) + '-' + Licenseplate.substr(2, 3) + '-' + Licenseplate.substr(5, 1)
}
if (Sidecode == 8 || Sidecode == 10) {
        return Licenseplate.substr(0, 1) + '-' + Licenseplate.substr(1, 3) + '-' + Licenseplate.substr(4, 2)
}
return Licenseplate
}
</script>

CSS：

    input.zoek_kentekenplaat
{
    border:none;
    border-color:#F0F0F0;
    font-size: 18px;
    font-weight: bold;
    line-height: 0px;
    width: 125px;
    height: 30px; /*background-color: #f4be04;*/
    padding-left: 20px; /*border: 1px solid #ffcc00;*/
    padding-bottom: 0px;
    padding-top: 0px;
    text-transform: uppercase;
    /*margin-left: 10px;*/
    margin-top: 2px;
    background: url(http://email.allianz.nl/public/ANG/278b2c33c92f75d6795b0c75e3a18e21/kenteken_125_2_2.jpg) no-repeat; 
    /*margin-bottom: 21px;*/
}

这是JSFIDDLE：http://jsfiddle.net/jazperader/676sD/

我明显感觉到它只是一种微小而愚蠢的东西。我知道HTML文本区域中没有onfocus，onblur或onclick。

我希望你的专家意见;-) 谢谢！

Jazper

Answer 1

您尝试做的事情很常见，但是，它会带来一些性能问题。既然您希望在键入内容时应用格式，那么可以使用keydown或keyup事件，例如：

<input type="text" onkeyup="myFunction()">

同样，每次用户键入并从键中移除他们的手指时，这都会触发。因此，您可能会产生性能问题，因为事件会频繁触发。在你的情况下，这可能不是什么大问题，因为你只处理少量的文字，所以事件可能只会发射10次左右。

如果你想优化你的代码，可以看一下http://benalman.com/code/projects/jquery-throttle-debounce/examples/debounce/你会看到一个如何限制事件的示例，这样你的代码就不会每次都被执行。

车牌格式和;验证

1 个答案: