ошибка: когда я пытаюсь добавить <тег формы

Question

ниже - это моя html-форма, и я не получаю никакой ошибки, если у меня нет тега <form, поэтому я добавляю тег формы, например:

<form class="cmxform" id="commentForm" method="post" action="">

получите эту ошибку:

Microsoft JScript runtime error: 'first_name' is undefined

когда я пытаюсь прочитать значение текстового поля:

First Name:
<input id="first_name" class=" text hasCorners required" maxlength="200" 
name="first_name"   />

function PostData() {
        var _firstName = first_name.value;
        ......
        ......

 $(document).ready(function () {

            $('#btnRegister').click(function () {
                PostData();
            });

Answer 1

Попробуйте:

var _firstName = $('#first_name').val(); 

Answer 2

Похоже, вам нужно сначала указать идентификатор элемента формы:

commentForm.first_name.value;

Не знаю, почему, хотя.

---

РЕДАКТИРОВАТЬ: Чтобы уточнить, это решает проблему IE с техникой, которую вы использовали. Как отметил @bobince в комментарии ниже, доступ к идентификаторам в качестве глобальных свойств небезопасен, если вы не ориентированы на конкретные браузеры.

Исходя из кода вашего вопроса и вашего комментария под другим ответом, получается, что вы уже знаете, как выбирать по идентификатору, используя jQuery и getElementById.