Что означает document.form в javascript?

Question

В JavaScript, что означает идентификаторы document.cookie, document.forms и поле .value?У меня проблемы с пониманием использования приведенного ниже примера синтаксиса.

Answer 1

document.forms["myForm"]["email"].value

, который получит value элемента "email" внутри "myForm" <form>

<form id="myForm" name="myForm">
    <input id="email" name="email" value="some@email.com" />
</form>

, поэтому x будет равно "некоторым@ email.com "

---

document.forms вернет коллекцию всех форм на определенной странице.запись document.forms["myForm"] вернет форму с именем «myForm» из этой коллекции

Answer 2

documents.forms - это объект, содержащий все формы для этого HTML-документа. С помощью этого кода вы ссылаетесь на элементы по их name атрибутам (не id). Таким образом, это обеспечит строку, содержащую value для элемента формы с name «email» внутри form с name «myForm».

Пример:

<form name="contact-form">
Email: <input type="text" name="email" />
</form>

Выполнение следующего кода JavaScript в любое время, когда необходимо указать значение для поля электронной почты, предоставит это значение.

var contact_email = document.forms["contact-form"]["email"].value;

Переменная contact_email будет содержать значение, введенное в поле input.

Answer 3

this code shows how you can use document.forms in an example with validation.

``

        function validation(inputs){
            if (inputs==""|| inputs=="null"){
            alert("Enter Valid Number");
            return false;
        }
            if (isNaN(inputs)){
            alert("Enter Valid Number");
            return false;
        }
            return true;
        }


        function triNum(num){
            var triangle=0;
            for(i=1 ;i <= num; i++){
                triangle += i;
            }
            return triangle;
        }

        function squareNum(num){
            var square = num * num;
            return square;
        }


        function findNums(){
            //var num = document.getElementById('number1').value;
            var num= document.forms["MagicNum"]["FirstNum"].value;
            if (validation(num)){
                document.forms["MagicNum"]["tri"].value=triNum(num);
                document.forms["MagicNum"]["square"].value=squareNum(num);
            }
        }
</script>