Question

My Rails表单代码如下：

<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %>
        <%= f.text_field :f_name, :value => "First Name", :class => "clearField curved" %><br />
        <%= f.text_field :l_name, :value => "Last Name", :class => "clearField curved" %><br />
        <%= f.text_field :username, :value => "Username", :class => "clearField curved" %><br />
        <%= f.password_field :password, :value => "Password", :class => "clearField curved" %><br />
        <%= f.password_field :password_confirmation, :value => "Password", :class => "clearField curved" %><br />
        <%= f.text_field :email, :value => "Email Address", :class => "clearField curved" %><br />

    <div id="login_buttons">
        <%= f.submit "Sign in", :id => "login", :value => "Submit", :class => "curved" %>
        <%= f.submit "Sign in", :id => "register", :value => "Register", :class => "curved" %>
        <%= f.submit "Send Reset Instructions", :id => "pass-reset", :value => "Send Reset Instructions", :class => "curved"%>
        <a href="#" id="forgot-pw">Forgot pass?</a>
    </div>

<% end %>

当第一次加载页面时，用户只会看到用户名＆amp;密码字段。一旦他们按下“注册”，他们就会看到其他字段。所以我想做的就是对这两种状态进行表单验证。登录状态（仅包含用户名和密码）和注册状态（包含所有字段）。

生成的HTML输出如下：

<form accept-charset="UTF-8" action="/users/login" class="user_new" id="user_new" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="5B04HFtyauEPUigmXrIhi2jYvHJv47gvIgUbx64QQ0E=" /></div> 
        <input class="clearField curved" id="user_f_name" name="user[f_name]" size="30" type="text" value="First Name" /><br /> 
        <input class="clearField curved" id="user_l_name" name="user[l_name]" size="30" type="text" value="Last Name" /><br /> 
        <input class="clearField curved" id="user_username" name="user[username]" size="30" type="text" value="Username" /><br /> 
        <input class="clearField curved" id="user_password" name="user[password]" size="30" type="password" value="Password" /><br /> 
        <input class="clearField curved" id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" value="Password" /><br /> 
        <input class="clearField curved" id="user_email" name="user[email]" size="30" type="text" value="Email Address" /><br /> 

    <div id="login_buttons"> 
        <input class="curved" id="login" name="commit" type="submit" value="Submit" /> 
        <input class="curved" id="register" name="commit" type="submit" value="Register" /> 
        <input class="curved" id="pass-reset" name="commit" type="submit" value="Send Reset Instructions" /> 
        <a href="#" id="forgot-pw">Forgot pass?</a> 
    </div>

我尝试了以下但是没有用：

$('#user_new').validate({
    debug: true,
    rules: {
        user_username: "required",
        user_email: {
            required: true,
            email: true
        }
    },
    messages: {
        user_username: "Please specify your name",
        user_email: {
            required: "We need your email address to contact you",
            email: "Your email address must be in the format of name@domain.com"
        }
    }
});

所以我会喜欢任何有关如何实现这一目标的建议。

Edit1：有任何想法或可能的解决方案吗？

Answer 1

这已在这里得到解答：

How do I do client-side form validation in jQuery?

原来在这里：

How to use jquery.validate plugin in cakephp form

如何让jQuery-validate与Rails 3一起使用？

1 个答案: