私のコードは以下のとおりです。ユーザーがテキストボックスに入力している内容を出力します。ユーザーが数字以外を入力すると、エラーメッセージが出力されます。しかし、これを行う方法については混乱しています。率直に言って、入力の最初の文字がBであるかどうかを検出できることで解決しますが、どちらかを完全に理解することはできず、前者のオプションが優先されます。
HTML
<label for="bannerID">Banner ID: B</label><input type="text" name="bannerID" id="bannerID" onkeyup="showBannerID()" value="" /><br />
<p id="bannerOutput"></p>
JavaScript
function showBannerID() {
var textInput = document.getElementById('bannerID').value;
if (textInput.length == 0) {
document.getElementById('bannerOutput').innerHTML = "<strong class=\"error\">Field can't be empty!</strong>";
}
else if (textInput.charAt(0) == "B") {
document.getElementById('bannerOutput').innerHTML = "<strong class=\"error\">Please omit the B! It's not necessary.</strong>
}
else {
document.getElementById('bannerOutput').innerHTML = "Your Banner ID is: <strong>B" + textInput + "</strong>.";
}
}