티스토리 뷰

웹프로그래밍/js

jQuery Mobile 에서의 form

공허공자 2012. 1. 3. 14:13
기본적으로 GET 전송만 가능하다.
좀더 자세히 말하자면 URL을  쿼리스트링을 붙여 이동시키는 것이다.

폼이 있는 페이지에서 이동하지 않고 ajax 전송 또는 post 전송을 원한다면
<form data-ajax="false">
위와 같이 속성 부여를 해야 한다. 

폼이 있는 페이지에서 이동하지 않고 javascript 를 통한 항목의 유효성 검사를 하려면

폼 페이지가
1. <a href="....html" data-ajax="false"> 또는  <a href="....html" rel="externel"> 로 열리는 외부 링크라면 일반적으로 쓰이는
$('폼').submit( ... 검사구문 );
로 된다.

2. 폼 페이지가 '폼페이지가아닌.html' 으로부터 <a href="폼페이지.html"> 또는 <a href="폼페이지.html" data-rel="dialog"> 링크로 열린 페이지라면 이것은 ajax load() 로 보여지는 페이지라는것을 알아야 한다.
$(document).ready(function() {
     $('폼').submit( ... 검사구문 );
}); 
위와 같이 기존의 document.ready 이벤트에는 걸리지 않는다.
jQuery Mobile 에는 page event 가 있는데 그것에 바인딩하여 검사하여야 한다.
자세한 것은 이곳에서 공부~

댓글