1
연락처 양식으로 jquery mobile을 사용할 수 없습니다.jQuery Mobile with my Contact Form
jquery.validate.js를 사용하여 유효성을 확인하십시오. 이것을 사용하면 선택 메뉴가 모바일에서 작동하지 않습니다.
제출시 "오류로드 페이지"가 표시됩니다.
JS 및 CSS 파일이 순서대로 사용됩니다. 도와주세요
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script src="/about/js/jquery.validate.js"></script>
<script src="/about/js/jquery.placeholder.js"></script>
<script src="/about/js/jquery.form.js"></script>
<script type="text/javascript" src="mobile/mobile.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
<link rel="stylesheet" media="screen" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<link rel="stylesheet" href="/mobile.css" media="screen" charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico"></link>
여기 내 양식이 있습니다.
<form id="contact" action="/about/process" method="post">
<div data-role="fieldcontain"><label for="name">Name:</label>
<input type="text" class="required" name="name" placeholder="Your Name" value="" id="name"></div>
<div data-role="fieldcontain"><label for="phone">Phone:</label>
<input type="text" class="required" name="phone" placeholder="678-555-1212" value="" id="phone"></div>
<div data-role="fieldcontain"><label for="email">Email:</label>
<input type="text" class="required email" name="email" placeholder="[email protected]" value="" id="email"></div>
<div data-role="fieldcontain">
<label for="interestedIn">Interested In:</label>
<select name="interestedIn" class="required" id="interestedIn">
<option value="">Select One</option>
<option value="Karate">Karate</option>
<option value="Tai Chi">Tai Chi</option>
<option value="Martial Arts">Martial Arts</option>
</select>
</div>
<input type="submit" class="button_text" value="Send"><br />
</form>
class = "required"를 제거해도 여전히 동일하게 작동하므로 선택 및 새로 고침 할 수 없습니다. 실제 jquery.validate.js 파일을 제거하면 작동합니다. – pcasa