jQueryを使ってフォームのバリデーション

Ruby on Rails4.0で作成しています。
やりたいことは特にプラグインなど入れずにrailsデフォルトのjQueryを使って、フォームのバリデーションを行いたいです（非常に初歩的な内容です）。

「xxxx.html.erb」
<%= form_for @test, url:{action: 'check'} do |f| %>
<dt><em>氏名</em><span>必須</span></dt>
<dd><%= f.text_field :name %></dd>
<dd><%= f.submit '確認画面へ'%></dd>
<% end %>

上記に対してjQueryで値のチェックを行いたいので、<head>部分に
$(function(){
$("form").submit(function(){
var err = 0;
if($(':text[name="test[name]"]').val()==""){
err = 1;
}
if(err==1){
return false;
}
});
});
と記述しましたが、$(':text[name="test[name]"]').val()の部分が「undefined」になってしまいます。
$('#test_name').val()と書いたり、
$("input[name='test[name]']").val()と書いたりしましたがundefinedになってしまいます。ご教授願います。

行動規範の内容に同意します

回答1件

ベストアンサー

答えを簡潔に言うと

javascript
1$('input[type="text"]').val()

ではないでしょうか？

投稿2015/09/19 03:14

MasakazuFukami

総合スコア1869

MasakazuFukami

2015/09/19 03:16

ただこれだとinput type="text"のテキストを全部取ってきてしまうので、 classなどやidをつけて指定した方がいいと思います。 railsのサンプルから取ってきたやつですが、 <%= text_field :page, :name, {:class = 'page_name', :id => 'page_id'} %> とかにして $('#page_id').val()とかするといいと思います！