Форум

teles · #1 (**permalink**) 25.05.2012, 00:07

К форме прикреплено событие

onsubmit

при наступлении которого вызывается функция которая проверяет поля формы. Это влечет за собой обновление страницы. Но при загрузке страницы в теге body стоит событие

onload

которое вызывает функцию приветствия. Как сделать чтобы при проверке полей формы страница не обновлялась и не вызывала каждый раз приветствие?

teles · #2 (**permalink**) 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 · #3 (**permalink**) 25.05.2012, 03:02

Сообщение от teles

К форме прикреплено событие

onsubmit

при наступлении которого вызывается функция которая проверяет поля формы. Это влечет за собой обновление страницы. Но при загрузке страницы в теге body стоит событие

onload

которое вызывает функцию приветствия. Как сделать чтобы при проверке полей формы страница не обновлялась и не вызывала каждый раз приветствие?

Не прикреплять субмит к форме - а прикрепить - onclick
По onclick - проверять форму и субмитить в скрипте при успешной проверке

Kolyaj · #4 (**permalink**) 25.05.2012, 08:38

Сообщение от Deff

Не прикреплять субмит к форме - а прикрепить - onclick

Самый вредный совет. Форма может отправляться не только кликом.

devote · #5 (**permalink**) 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 · #6 (**permalink**) 25.05.2012, 11:20

Kolyaj,

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

Форум

Справочник

Discord чат

Курсы javascript