Javascript почти работает, но затем перезагружает страницу?

, поэтому я скрываю предметы, пока кто-то не ставит секретное слово в форме. Он действительно работает, но затем перезагружает страницу. Что мне не хватает? ~~Вы можете увидеть его здесь: xxx по проектам, а пароль - «-».~~ Javascript почти работает, но затем перезагружает страницу?

Это код, я использую:

<script language="javascript"> 
function projectsvisible() 
{ 
document.getElementById("myprojects").style.display = "block"; 
} 

function projectshide() 
{ 
document.getElementById("myprojects").style.display = "none"; 
} 

function projectsshow() 
{ 
    if(document.getElementById("password").value=="danielle") 
     { 
     projectsvisible(); 
     } 
    else { projectshide(); } 

} 
</script>

источник

2013-10-25 dshesh

Как вы вызывающему это? Кроме того, если скрипт находится на одной странице, этот пароль не так секрет :) – tymeJV

hi @tymeJV, спасибо за ответ. Я, вероятно, буду менять пароль, но он не должен быть слишком безопасным, я просто хочу скрыть свои проекты от широкой публики, из-за прошлых работодателей и т. Д. Я просто хочу, чтобы люди, которых я отправляю, чтобы они могли видеть это , Я призываю его подать, если это то, что вы имеете в виду? Есть ли лучший способ сделать это? – dshesh

Я, вероятно, буду использовать PHP, поэтому его не на странице, но мне нужно быстро это сделать сегодня, поэтому я просто ищу быстрое решение. – dshesh

Во-первых, изменить <form id="projectform" method="POST" action="#" class="form-horizontal" onsubmit="return projectsshow(); return false">

<form id="projectform" method="POST" action="#" class="form-horizontal" onsubmit="return projectsshow();">

Затем измените projectsshow() функцию:

function projectsshow() 
{ 
    if(document.getElementById("password").value=="danielle") 
     { 
     projectsvisible(); 
     } 
    else { projectshide(); } 
    return false; 
}

источник

2013-10-25 17:38:42 wachme

Спасибо, много! Это именно то, что мне нужно! Если у вас есть время, вы не возражаете сказать мне, что мы там делали? Почему возвращает false false в функции showshow? Опять же, спасибо! – dshesh

@DanielleSchechter атрибут onsubmit возвратил результат 'projectsshow()' function, который не был определен (нет внутренней функции возврата), второй 'return false;' никогда не вызывался. Поскольку 'projectsshow()' возвращает 'false',' onsubmit' также возвращает его (что говорит браузеру не отправлять форму - без перезагрузки). Надеюсь, это ясно;) – wachme

Спасибо! @wachme – dshesh

Вы используете форму с кнопкой отправки. Это создает и запускает синхронную перезагрузку страницы Http Request. Вы не должны использовать форму. Просто используйте обычную кнопку с обработчиком щелчка и оберните их в div.

источник

2013-10-25 17:39:58 Deadron

Это правда. Я об этом не думал. Я делаю вещи слишком сложными. Благодаря! – dshesh

Это автоматическое обновление из-за кнопки типа submit. Это приведет к обратной передаче страницы и обновлению. Там в несколько workarouds:

Добавить return false; в свой инлайн обработчик или функции
использования e.preventDefault где e является event передаваемым в родительской функции
Изменить тип кнопки из submit в button

источник

2013-10-25 17:40:32 tymeJV

Ваша кнопка - это перезагрузка страницы. Вы можете либо использовать jQuery's event.preventDefault() на кнопке, либо стилизовать div, чтобы он выглядел как кнопка, и выполнить действие onlick на кнопке.

источник

2013-10-25 17:40:36

вы обработчик onsubmit не возвращает false. projectsshow() не возвращает false. Поэтому ваша форма не препятствует отправке, и поэтому происходит обновление страницы.

<form id="projectform" method="POST" action="#" class="form-horizontal" 
    onsubmit="return projectsshow(); return false">

Исправьте projectsshow() метод вернуться ложным или изменить onsubmit к onsubmit="projectsshow(); return false"

источник

2013-10-25 17:41:04

Javascript почти работает, но затем перезагружает страницу?

ответ

Смежные вопросы