Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как сделать чтобы страница не обновлялась? (https://javascript.ru/forum/misc/28573-kak-sdelat-chtoby-stranica-ne-obnovlyalas.html)

teles 25.05.2012 00:07
как сделать чтобы страница не обновлялась?
 
К форме прикреплено событие 
onsubmit
при наступлении которого вызывается функция которая проверяет поля формы. Это влечет за собой обновление страницы. Но при загрузке страницы в теге body стоит событие 
onload
которое вызывает функцию приветствия. Как сделать чтобы при проверке полей формы страница не обновлялась и не вызывала каждый раз приветствие?

teles 25.05.2012 00:24
вот код
<html>
<head>
    <title>alert & prompt </title>
       <script type="text/javascript">
        function check_form() {
var valid = true;
            var first_input = document.getElementById("one").value;
            var second_input = document.getElementById("two").value;
            if (first_input == " " || second_input == " ") {
                alert('you need type something');
				
            }
            return valid;
        }

        function greeting() {
            var userName = prompt("What is your name?", "Enter your name here.");
            if (userName) {
                alert("It's good to meet you, " + userName + ".");
            }
        }
       
       
    </script>
</head>
<body onLoad="greeting();">
    <form name="example"  onSubmit="check_form()">
    <input type="text" id="one" value=" "> </br>
    <input type="text" id="two" value=" "> </br>
    <input type="submit" value="send">
    </form>
    
</body>
</html>

пробовал твой способ разными сочетаниями.чет не выходит

Deff 25.05.2012 03:02
Цитата:
Сообщение от teles (Сообщение 176468)
К форме прикреплено событие 
onsubmit
при наступлении которого вызывается функция которая проверяет поля формы. Это влечет за собой обновление страницы. Но при загрузке страницы в теге body стоит событие 
onload
которое вызывает функцию приветствия. Как сделать чтобы при проверке полей формы страница не обновлялась и не вызывала каждый раз приветствие?
Не прикреплять субмит к форме - а прикрепить - onclick
По onclick - проверять форму и субмитить в скрипте при успешной проверке

Kolyaj 25.05.2012 08:38
Цитата:
Сообщение от Deff
Не прикреплять субмит к форме - а прикрепить - onclick
Самый вредный совет. Форма может отправляться не только кликом.

devote 25.05.2012 08:53 
<html>
<head>
    <title>alert & prompt </title>
       <script type="text/javascript">
        function check_form() {
            var first_input = document.getElementById("one").value;
            var second_input = document.getElementById("two").value;
            if (first_input == " " || second_input == " ") {
                alert('you need type something');
                 return false;
            }
        }
 
        function greeting() {
            var userName = prompt("What is your name?", "Enter your name here.");
            if (userName) {
                alert("It's good to meet you, " + userName + ".");
            }
        }
        
        
    </script>
</head>
<body onLoad="greeting();">
    <form name="example"  onSubmit="return check_form()">
    <input type="text" id="one" value=" "> </br>
    <input type="text" id="two" value=" "> </br>
    <input type="submit" value="send">
    </form>
</body>
</html>

Deff 25.05.2012 11:20
Kolyaj,
:yes: Ну я бы создал тогда форму только после проверки валидности
и автоотсубмитил, а на счет отсправки не по субмиту - ну вклейте ниже данной - пустую форму


Часовой пояс GMT +3, время: 21:49.