使用jQuery驗證引擎插件使用jQuery移動

我試圖使用jQuery驗證引擎插件在以下使用jQuery驗證引擎插件使用jQuery移動

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

與jQuery Mobile的控制描述。它在文本框中正常工作，但驗證氣球未顯示QJM下拉菜單。但提交表單時，下拉列表正在變得更加謹慎，只有reg氣球沒有出現。

任何專家的意見將是非常可觀的。

2012-05-02 user1288411

我確實設法通過在div元素中包含選擇菜單來顯示氣球，然後通過腳本顯示驗證提示。

<div id="validationPromptPropertyLevelDropDown" > 
      <select id="propertyLevelDropDown" data-bind="options: PropertyLevels, value: PropertyLevelId , optionsText: 'PropertyLevelDescription', optionsValue: 'Id', optionsCaption: 'Choose one...'" name="propertyType" data-native-menu="false" ></select> 
     </div> 

$('#validationPromptPropertyLevelDropDown').validationEngine('showPrompt', 'This field is required', 'fail');

來源

2012-05-03 18:52:08 user1288411

只需放在div處。驗證消息將在選擇的標籤處進行投票。但這一個是不實際的工作。我們只能再次失效。我想要解決的問題是將第一個選項設置爲選擇一個....然後使用jQuery讀取正在選擇的值並警告插入正確的值。我使用onClick和$（'＃yourselectioncontrolId「）。focus（）;你不必爲此使用驗證引擎插件，它不是完全爲jQueryMobile設計的，你可以編輯它們的CSS來更好地實現JQM。是一個繁瑣的工作。總之，我使用它也JQM項目，但在一定的水平，它有其自身的侷限性。

$('#districtName').on('focus', function (e) { 
    if ($('#malaysianState').val() == 'MY-00') { 
     alert('Please select any state first'); 
     $('#malaysianState').focus(); 
    } 

    e.preventDefault; 
    return false; 
});

MY jQuery Mobile的控制很

<div data-role="fieldcontain"> 
       <label for="malaysianState" class="select"> 
        <span lang="ms" id="stateName-label">Malaysian State</span> 
       </label> 
       <select name="malaysianState" id="malaysianState" data-native-menu="false"> 
        <option value="NOT SELECTED" data-placeholder="true">Choose One...</option> 
        <option value="MY-01">Johor</option> 
        <option value="MY-02">Kedah</option> 
        <option value="MY-03">Kelantan</option> 
        <option value="MY-04">Melaka</option> 
        <option value="MY-05">Negeri Sembilan</option> 
        <option value="MY-07">Pulau Pinang</option> 
        <o 
        <option value="MY-16">WP Putrajaya</option> 
       </select> 
      </div> 

      <div id="districtName-label" lang="ms">Select District </div> 
        <input id="districtName" class="validate[required] text-input" /> 
        <input type="hidden" id="districtName-id" /> 
       <p></p> 
<div>

來源

2014-09-06 05:43:52

使用jQuery驗證引擎插件使用jQuery移動

回答

相關問題