jQuery 양식 serialize - 빈 문자열

jQuery 양식 serialize - 빈 문자열

내 html:

 <script type="text/javascript">

    $(function() {

        $("#bt1").click(function() {

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

클릭 이벤트를 실행하면 formData가 비어 있습니다.jQuery 1.4.2를 사용하고 있습니다.

당신은 그것을 주어야 합니다.input이름을 구성하다예:

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

알림 상자에 표시됩니다.foo=2.

.serialize()양식 필드의 이름과 값을 사용하여 다음과 같은 문자열을 만듭니다.name1=value1&name2=value2이름이 없으면 이러한 문자열을 만들 수 없습니다.

참고:name와는 다른 것입니까?id당신이 "정상적인" 방식으로 사용했다면 당신의 양식도 작동하지 않았을 것입니다.모든 양식 필드에는 이름이 필요합니다.

이 예제에는 적용되지 않지만 하나 이상의 양식 입력이 다음과 같은 경우 동일한 동작이 발생합니다.disabled이러한 입력은 직렬화된 문자열에 표시되지 않습니다.제 경우 모든 양식 입력에 값이 있지만 사용할 수 없으므로 빈 문자열이 반환됩니다.

거기에는 없다name입력의 속성...그것은 연재에 문제가 될 수 있습니다.

<input id="input1" type="text" value="2" name="input1" />

또한 페이지에 동일한 ID를 가진 2개의 요소가 없는지 확인합니다.

언급URL : https://stackoverflow.com/questions/2591354/jquery-form-serialize-empty-string