jQuery验证规则和消息

Question

我在设置jQuery验证的规则和消息时遇到了麻烦。

我试图从简历[zip_code]得到值，但我不知道如何在JQuery中编写它。我试着

rules: {
  resume[zip_code]: required: true
}

但不工作

这是我需要从中获取值的地方。

<div class='control-group'><label class='control-label'>Zip Code: </label>
  <div class='controls'>
    <input class="required" type='text' name='resume[zip_code]'>
  </div>
</div>

应用程序代码

post '/create_resume' do
  session[:errors].clear
    @user = User.first(:email_address => session['user'])
    @resume = @user.resumes.new(params[:resume])
    @resume.save
  params[:education].each_key do |school|
    @school = @resume.educations.new(params[:education][school]
    @school.save
  end
  params[:job].each_key do |job|
    @job = @resume.jobs.new(params[:job][job])
    @job.save
  end
  params[:otherskill].each_key do |other|
    @otherskill = @resume.otherskills.new(params[:otherskill][other])
    @otherskill.save
  end
  if session[:errors].empty? === false
    erb :resume_form
  else
    session[:resume_output].clear
    erb :resume_output 
  end
end

jQuery

我知道布局是什么，但不知道如何检索值

$(#myForm).validate({
  rules: {
    something: key => value
  },
  messages: {
    something: "value"
  }
});

Answer 1

我不知道怎么写你的规则，因为你从来没有说过你想要的规则。仅使用您提供的HTML，这就是您设置规则和消息的方式。

为了演示用法，我任意使字段required的最小长度为5个数字。

编辑并添加您自己的规则。

$('#myForm').validate({
  rules: {
    "resume[zip_code]": {
         required: true,
         minlength: 5,
         digits: true
     }
  },
  messages: {
    "resume[zip_code]": {
         required: "this field is required",
         minlength: "this field must contain at least {0} characters",
         digits: "this field can only contain numbers"
     }
  }
});

你也不需要把class="required"放在HTML中，因为这个规则已经在你的jQuery .validate()方法中指定了。

<input type='text' name='resume[zip_code]' />

工作演示:

http://jsfiddle.net/vL7ps/

查看所有方法和规则的文档:

http://docs.jquery.com/Plugins/Validation

---

如果您想将字段验证为必需的美国邮政编码，只需使用zipcodeUS规则，但是您必须首先包含在这里找到的"附加方法"文件。

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js

jQuery:

rules: {
  "resume[zip_code]": {
    required: true,
    zipcodeUS: true
  }
},
messages: {
  "resume[zip_code]": {
    required: "this field is required",
    zipcodeUS: "this field must contain valid US zip code"
  }
}

演示:http://jsfiddle.net/k6eLf/