Заменить текстовые узлы - PullRequest
0 голосов
/ 03 декабря 2010

Я пытаюсь заменить эти два текстовых узла друг на друга. Предположим, что это похоже на проверку исправления. Что он должен сделать, это посмотреть, если ввод правильный, после того, как вы сфокусировались на другом входе.

Это HTML

<body>
<form action="" method="post" name="myform">
        <fieldset>
            <legend>Lab Group Form</legend>
                <label for="first_name">First Name:</label>
                <br/>
            <input id="first_name" type="text" name="first_name_text" value="" onblur="validatefirst()" />
                    <br/><br/>
          </fieldset>
</form> 

 <div class="one" id="one"/>
 <div class="two" id="two"/>
</body>



    function validatefirst() {
        if (document.myform.first_name.value.length > 0) {
            var one = document.createTextNode("Correct");
            var one_container = document.getElementById("one");

        } else {
            var two = document.createTextNode("Incorrect.");
            var two_container = document.getElementById("two");
            two_container.appendChild(two);
        }
    }

это файл css:

.one { 
    color:#000; 
    position:absolute; 
    top:400px;
}


.two{ 
    color:#000; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    position: absolute; 
    top:400px; 
} 

Так что, если вы можете мне помочь, это будет здорово. Пожалуйста, не JQuery. Спасибо

1 Ответ

0 голосов
/ 03 декабря 2010

Я не совсем уверен, чего вы пытаетесь достичь с помощью функции внутри функции. Следующее делает что-то, не уверен, что это то, что вы хотите или нет:


<html>
<head>
<style>
.one { 
    color:#000; 
    position:absolute; 
    top:200px;
}


.two{ 
    color:#000; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    position: absolute; 
    top:200px; 
} 
</style>
</head>
<body>
<form action="" method="post" name="myform">
        <fieldset>
            <legend>Lab Group Form</legend>
                <label for="first_name">First Name:</label>
                <br/>
            <input id="first_name" type="text" name="first_name_text" onchange="validatefirst()" />
                    <br/><br/>
          </fieldset>
</form> 

 <div class="one" id="one"/>
 <div class="two" id="two"/>
</body>
<script>
    function validatefirst() {
        if (document.getElementById("first_name").value.length > 0) {
            var one = document.createTextNode("Correct");
            var one_container = document.getElementById("one");
            one_container.appendChild(one);
        } else {
            var two = document.createTextNode("Incorrect.");
            var two_container = document.getElementById("two");
            two_container.appendChild(two);
        }
    }
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...