- 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>
파일전송도 됨
'JQUERY > 소스코드' 카테고리의 다른 글
20강. jquery - 좌우스크롤,eq,length,scrollLeft.left (0) | 2015.10.13 |
---|---|
jquery index(eq,lt,gt,even,odd,first,last,not) 예제 (0) | 2015.10.13 |
jQuery input name으로 선택 (0) | 2015.10.13 |
[jQuery] 페이지 이동없이 ajax로 파일 업로드 하기 / ajaxForm() (0) | 2015.10.08 |
JSP- jQuery ? 배열, for문 , 향상된 for문 each, 객체의 확장 (0) | 2015.10.08 |
[jsp/servlet] jQuery MultiFile 플러그인을 이용한 ajax 멀티 파일 업로드 테스트 프로젝트 (0) | 2015.10.08 |
jQuery 새로 고침, 페이지 이동 (0) | 2015.10.06 |
jQuery bPopup (팝업 플러그인) (0) | 2015.08.06 |