Question

无法让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="yourname@domain.com" 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>

Answer 1

JQuery validate不能与select元素一起使用 - 或者更现实地说，它可能有点工作但不像你期望的那样表现，我认为这正是你所经历的。

jQuery Mobile与我的联系表格

1 个答案: