Как переключаться между 2 формами, используя JavaScript?
Вы можете лучше использовать:
<script type="text/javascript">
function getContent(){
document.getElementById("my-textarea").value = document.getElementById("my-content").innerText;
}
</script>
ПРИМЕЧАНИЕ. Я изменил .innerHTML на innerText. Таким образом, вы не получаете HTML-элементы и текст, а только текст.
Пример: я отправил «текст», innerHTML дает значение: «\r\n текст». Он отфильтровывает «текст», но длиннее 4 символа. innerText дает значение «текст».
Это полезно, вы хотите подсчитать символы.
2 ответа
Добавьте немного CSS, чтобы скрыть форму входа.
$('.message a').click(
function() {
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
}
);.login-form {
display: none;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="login-page">
<div class="form">
<form class="register-form">
<input type="text" placeholder="login"/>
<input type="password" placeholder="password"/>
<input type="text" placeholder="e-mail"/>
<button>create</button>
<p class="message">Already have an account? <a href="#">Sign in!</a></p>
</form>
<form class="login-form">
<input type="text" placeholder="login"/>
<input type="password" placeholder="password"/>
<button>Sign in</button>
<p class="message">Need an account? <a href="#">Register!</a></p>
</form>
</div>
</div> Одной из причин того, что ваш скрипт может не работать, является то, что вы включили его в <head>...</head> документа, а не перед закрывающим тегом </body>.
Причина сбоя скрипта в этом случае заключается в том, что <body>...</body> не загружается при запуске скрипта. Проверьте наличие ошибок в консоли вашего браузера.
Другая причина, возможно, в том, что вы загрузили jQuery после своего пользовательского скрипта. Например:
<script>...</script>
<script src="code.jquery.com/jquery-3.3.1.min.js"></script>
вместо:
<script src="code.jquery.com/jquery-3.3.1.min.js"></script>
<script>...</script>