1

jQuery Ketch-up プラグインを使用してフォームを検証しています。

  1. ドロップダウンボックスを検証する必要があります。たとえば、ユーザーがドロップダウンオプションの「選択」を選択すると、「言語を選択してください」というエラーが発生するはずです。

  2. メール フィールドを検証しますが、そのメール フィールドは必須ではありません。

ドキュメントに従って、次のコードを使用してドロップダウン ボックスを検証しようとしました。しかし、「jq.ketchup is undefined」と表示されます

//Drop down validation
var jq = $.noConflict();

jq.ketchup.validation('validateSelect', 'Please select the language', function(form, el, value) 
{
      if(this.contains(value.toLowerCase(), 'select')) 
      {
        return false;
      } 
      else 
      {
        return true;
      }
});

私の 2 番目の質問については、ドキュメントにヘルプがありません。

4

1 に答える 1

1

jquery-ketchup プラグインは、テキストおよびテキストエリアの入力に対して適切に機能します。select に検証を適用するには、select 入力の id を使用します。例:

入力を選択:

html コード:

= f.input :type, :prompt => "Select  type",  :collection => (some_collection), input_html: { id: "list_select" }

js コード:

$.ketchup.validation('lselect', 'You have not selected type!', function(form, el, value) {
    return value.length == 0 ? false : true
});

$("#form_id").ketchup({},{
    '#list_select'       : 'lselect'
});

ユーザーが任意の値を入力したが必須フィールドではない場合にのみ電子メールを検証するには、次のようにプラグインによって提供される検証をオーバーライドする必要があります。

$.ketchup.validation('email', 'Must be a valid E-Mail.', function(form, el, value) {
    return ($.trim(value).length > 0) ? this.isEmail(value) : true
});
于 2013-11-10T13:39:41.403 に答える