2011-01-11 4 views
1

Невозможно получить jquery mobile для работы с моей контактной формой.jQuery Mobile с моей контактной формой

Подтверждение с использованием 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> 

ответ

0

JQuery Validate не работает с отдельными элементами - или более реально, может сортировать-работы, но не так, как можно было бы ожидать, что я думаю, что вы испытываете.

+0

Если я удалю class = "required", он все равно будет вести себя так же, не может выбрать и обновить. Если я удалю фактический файл jquery.validate.js, выберите затем работает. – pcasa

Смежные вопросы