可選字段和下拉框的jQuery番茄醬驗證規則

Question

我正在使用jQuery Ketch-up插件來驗證我的表單。

1. 我需要驗證一個下拉框，例如：如果用戶選擇下拉選項“選擇”，則應觸發錯誤提示“請選擇語言”。

2. 驗證電子郵件字段，但該電子郵件字段不是必需的。

我嘗試根據文檔使用以下代碼來驗證下拉框。 但它說“ jq.ketchup未定義”

//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;
      }
});

對於我的第二個問題，文檔沒有任何幫助。

Answer 1

jquery-ketchup插件可正確用於文本和textarea輸入。 要對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
});