본문 바로가기

컴터/jQuery

[jQuery]form plugin - ajaxForm(options) 활용예제

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
- formToArray : $("#폼아이디")...
- formSerialize : $("#폼아이디")...
- fieldSerialize : $("#폼아이디 input")...
- fieldValue : $("#폼아이디 input")...
- clearForm
- clearFields
- resetForm



var as = $("#F").formToArray ();
alert(as[0].name); //필드명 호출
alert(as[0].value); //같은 배열의 필드 값 호출
//값은2차 배열까지 지원



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>text</title>
    <script src="js/jquery-1.3.2.min.js"></script>
    <script src="js/jquery.form.js"></script>

    <script>
        $(function(){
            $("#btn").click(function(){
                //a = $("#f").formSerialize();
                //$("span").html(a);//->값보기위한것임
                $("#f").ajaxForm({
                                    dataType:'html',
                                             beforeSubmit: submit_chk, //폼 유효성 검사 .. 그냥 위에서하면 안먹어..ㅡㅡ;
                                    success:function(data,rst){alert(data);}
                                 });//폼전송 끝..;
            });
        });
    </script>

    <style>
        body, div, span, td {font-size:12pt; font-family:'굴림'; color:#000;}

        a:link {text-decoration:none; color:#666666;}
        a:visited {text-decoration:none; color:#888787;}
        a:hover {text-decoration:underline; color:#807E7E;}
        a:active {text-decoration:underline; color:#807E7E;}

    </style>
</head>
<body>

    <form name="f" id="f" action="php/input.php" method="post" enctype="multipart/form-data">
       
        이름 <input type="text" name="name" value="a" /> <br />
        별명 <input type="text" name="nick" /> <br />
        취미 <input type="text" name="hobby" /> <br />
        내용 <textarea name="content"></textarea><br />
        파일 <input type="file" name="file"/> <br />

        <button type="submit" id="btn">보내기</button>

    </form>
    <span></span>
</body>
</html>
  파일전송도 됨