クライアント側の検証にjqueryプラグインの1つを使用する登録フォームがあります。テキストボックスやその他のコントロールを検証できますが、ドロップダウン リストに問題があります。登録ページにフィールドがあります
<asp:DropDownList ID="ddlSector" runat="server" class="validateCallback my_code_callback"></asp:DropDownList>
これらのドロップダウン リストの出力は、
<select name="ddlSector" class="validateCallback my_code_callback">
<option value="244">--Choose--</option>
<option value="27">Hotel</option>
<option value="28">Motel</option>
<option value="29">Cottage</option>
</select>
マスターテンプレートにそのような実装があります
<script type="text/javascript" src="/scripts/uni-form-validation.jquery.js" charset="utf-8"></script>
<script type="text/javascript">
$(function () {
$('form.uniForm').uniform({
prevent_submit: true
});
});
window.my_code_callback = function (field, caption) {
if (field.val() === '244') {
return false;
}
}
</script>
検証を行うjqueryファイルには、そのような例があります
/**
* Callback validator
*
* Lets you define your own validators. Usage:
*
* <input name="myinput" class="validateCallback my_callback" />
*
* This will result in UniForm searching for window.my_callback funciton and
* executing it with field and caption arguments. Sample implementation:
*
* window.my_callback = function (field, caption) {
* if (field.val() === '34') {
* return true;
* } else {
* return caption + ' value should be "34"';
* }
* }
*
* @param jQuery field
* @param caption
*/
validateCallback : function (field, caption) {
var classes = field.attr('class').split(' '),
callback_function = '';
for (var i = 0; i < classes.length; i += 1) {
if (classes[i] === 'validateCallback') {
if (classes[i + 1] != 'undefined') {
callback_function = classes[i + 1];
break;
}
}
}
if (window[callback_function] != 'undefined' && (typeof window[callback_function] === 'function')) {
return window[callback_function](field, caption);
}
return i18n('callback', caption, callback_function);
}
};
訪問者がオプション --Choose-- を残した場合、他のコントロールと同様にエラーを表示するようにコードを変更するにはどうすればよいですか?