我试图使用jQuery验证引擎插件在以下使用jQuery验证引擎插件使用jQuery移动
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
与jQuery Mobile的控制描述。它在文本框中正常工作,但验证气球未显示QJM下拉菜单。但提交表单时,下拉列表正在变得更加谨慎,只有reg气球没有出现。
任何专家的意见将是非常可观的。
我试图使用jQuery验证引擎插件在以下使用jQuery验证引擎插件使用jQuery移动
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
与jQuery Mobile的控制描述。它在文本框中正常工作,但验证气球未显示QJM下拉菜单。但提交表单时,下拉列表正在变得更加谨慎,只有reg气球没有出现。
任何专家的意见将是非常可观的。
我确实设法通过在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');
只需放在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>