0

私は自分のページにそのようなdivを持っています。

  <div class="errormsg" style="display: none;">Username is empty</div>

私はこのような入力フィールドを持っています、

  <input type=textbox id="userid" />

入力フィールドが空の場合、エラー メッセージ div を表示するための JavaScript が必要です。id ではなく div クラスを使用する必要があります。助けてください。

PS：私のページにはライブラリファイルの使用に制限があるため、Jqueryは必要ありません。

4

3 に答える 3

1

errormsgdivが1つだけだと仮定して、これを試してください-

更新ここにフィドル
を追加しました。さらに、タイプミスがありました - 修正しました

<div class="errormsg" style="display: none;">Username is empty</div>
<input type=textbox id="userid" onchange="validate()" />

function validate(){
    var userId = document.getElementById('userId'),
        errorMsg = document.getElementsByClassName('errormsg').item();
    if (userId.value === ''){
       errorMsg.style.display = 'block'
    } else {
       errorMsg.style.display = 'none';
    }
}
于 2012-07-30T06:51:24.210 に答える
0 
<div class="errormsg">Username is empty</div>
<input type='textbox' id="userid" onkeyup="javascript:call(this);" />

function getElementsByClassName(className) {
    // For IE    
    if (document.all) {
        var allElements = document.all;
    } else {
        var allElements = document.getElementsByTagName("*");
    }   
    var foundElements = [];  

    for (var i = 0, ii = allElements.length; i < ii; i++) {
        if (allElements[i].className == className) {
            foundElements[foundElements.length] = allElements[i];
        }
    }

    return foundElements;

}

function call(control)
{
    var userid=document.getElementById('userid');
    var errorMsg = getElementsByClassName('errormsg')[0];
    if(userid.value == '')
    {        
        errorMsg.style.display = "block";
    }
    else
    {
        errorMsg.style.display = "none";
    }
}
于 2012-07-30T13:40:16.240 に答える
-1

JQuery を削除し、次のように Javascript コードを追加しました。

<div class="errormsg">Username is empty</div>
<input type='textbox' id="userid" onkeyup="javascript:call(this);" />

function getElementsByClassName(className) {
    // For IE    
    if (document.all) {
        var allElements = document.all;
    } else {
        var allElements = document.getElementsByTagName("*");
    }   
    var foundElements = [];  

    for (var i = 0, ii = allElements.length; i < ii; i++) {
        if (allElements[i].className == className) {
            foundElements[foundElements.length] = allElements[i];
        }
    }

    return foundElements;

}

function call(control)
{
    var userid=document.getElementById('userid');
    var errorMsg = getElementsByClassName('errormsg')[0];
    if(userid.value == '')
    {        
        errorMsg.style.display = "block";
    }
    else
    {
        errorMsg.style.display = "none";
    }
}
于 2012-07-30T07:06:50.947 に答える