jQuery番茄酱可选字段和下拉框的验证规则

jQuery ketchup validation rule for optional fields and drop-down box

本文关键字：验证 规则 番茄酱 字段 jQuery      更新时间：2023-09-26

我正在使用jQuery ketchup插件来验证我的表单。

  1. 我需要验证一个下拉框，例如:如果用户选择下拉选项'选择'，它应该触发错误说'请选择语言'。

  2. 验证电子邮件字段，但该电子邮件字段不是必需的

我尝试按照文档使用以下代码验证下拉框。但是上面写着jq。番茄酱是未定义的'

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

关于我的第二个问题，文档中没有任何帮助。

jquery-ketchup插件适用于文本和文本区域的输入。要对选择应用验证，请使用选择输入的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
});
相关文章：