mechanizeでログインができない

Question

###前提・実現したいこと
rubyでログインが必要なページのウェブスクレイピングをしたいため、
mechanizeを使ってログインしようとしているのですが、
試行錯誤してみたのですがうまくいきません。

###発生している問題・エラーメッセージ
undifened method form for main:object(nomethoderror)

###該当のソースコード
どちらも試してみたのですが、どちらも同じような
エラーが出てしまいます。name属性の指定や
form_withやfield_withなどもいまいち
理解できませんでした。
アドバイス等ありましたらよろしくお願い致します。

require("mechanize")
agent = Mechanize.new
page = agent.get("http://www.watashi-move.jp/pc/login.php")
form = page.form(form name= "form1")
form.field_with(:name => "loginid").value = "*" 
form.field_with(:name => "password").value = "*" 
                                                     
form.click_image()

#!/usr/bin/ruby
require 'mechanize'
agent = Mechanize.new 
agent.user_agent_alias = 'Windows Mozilla' 

url = 'http://www.watashi-move.jp/pc/login.php' 
page = agent.get(url) 
mypage = page.form_with(id: 'form1') do |form| 
form.loginid = '*' 
form.password = '*' 
end.submit

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
ログイン部分のhtmlです。

<!-- Login Start -->
<form id="form1" action="https://www.watashi-move.jp/pc/login.php" method="post" autocomplete="off">
<div id="login-page">
<h2><img src="images/login_h201.jpg" width="700" height="37" alt="WM会員登録されている方" title="WM会員登録されている方" /></h2>
<noscript>
<div id="error-title"><p style="padding: 20px 0 0; text-align:center;">ブラウザでJavaScriptが無効になっているため、このサイトの一部の機能について使えないものがあります。</p></div>
</noscript>
<div>
<div class="login-type-msg">WM（わたしムーヴ）のログインIDでご利用の方</div>
<div>
<dl>
<dt>ログインID</dt>
<dd><input type="text" name="loginid" value="" class="ime-mode-disabled" /></dd>
</dl><dl>
<dt>パスワード</dt>
<dd><input type="password" name="password" value="" /></dd>
</dl>
<em><input type="checkbox" id="auto" name="easy_login" value="自動ログインを設定する" />&nbsp;<label for="auto">自動ログインを設定する</label></em>
<table style="position: relative; top: 6px; left: 0%;">
<tr valign="top">
<td>
※パスワードは定期的に変更することをおすすめします。
</td>
</tr>
</table>
<div>
<ul>
<li><input type="image" src="/pc/images/common/spacer.gif" id="login-button" alt="ログインする" title="ログインする" name="login" onclick="wl.defaultSubmitter.submit('login'); return false;"/></li>
</ul></div>
<input id="actlogin" name="actlogin" type="hidden" value="1" />
<input name="reflecturl" type="hidden" value="RghPbuC396ahafoTphQq4twWCXAVHQ%2FdNnZ4iBsIBRII9CUqwoUbONlscX9ob0UyTIMwUPTdZiQ%3D" />
<input name="reflectiv" type="hidden" value="RPbKjPKQwqA%3D" />
<input name="authcount" type="hidden" value="0" />
<table width="100%" style="table-layout:fixed;">
<tr valign="top">
<td width="59%">
</td><td>
<span class="docomoid-description">
<a href="javascript:id_forget();" title="ログインIDをお忘れの方" id="forgetLoginId">ログインIDをお忘れの方</a><br />
<a href="javascript:reset_password();" title="パスワードをお忘れの方" id="forgetPassword">パスワードをお忘れの方</a>
</span>
</td>
</tr>
</table>
</div>
<br />
<br />
<div id="base-wl-service-end">
<div id="img-important">
<img src="/pc/images/common/important.png" alt="重要" title="重要" />
</div>
<div id="text-wl-service-end">
ウェルネスリンクパソコンサービス終了に関するお知らせ
</div>
<div id="base-btn-wl-service-end">
                            <input type="image" src="/pc/images/common/spacer.gif" id="btn-wl-service-end" alt="詳細情報はこちらをご覧ください" title="詳細情報はこちらをご覧ください" name="announce_wl_service_end" onclick="wl.defaultSubmitter.submit('announce_wl_service_end'); return false;" />
</div>
</div>
<div class="login-type-msg">dアカウントでご利用の方</div>
<div>
<em><input type="checkbox" id="docomo_auto" name="docomo_easy_login" value="自動ログインを設定する" />&nbsp;<label for="docomo_auto">自動ログインを設定する</label></em>
<ul class="docomo-login-button">
<li><input type="image" src="/pc/images/common/btn_dAccount.png" id="docomo-login-button" alt="dアカウント ログイン" title="dアカウント ログイン" name="docomo_login" onclick="wl.defaultSubmitter.submit('docomo_login'); return false;"/></li>
</ul></div>
<div>
<table width="100%" style="table-layout:fixed;">
<tr valign="top">
<td width ></td>
<td>
<span class="docomoid-description">
 <a href="http://www.watashi-move.jp/pc/wm/help_m/pa8fu20000004pbh.html" title="dアカウントで利用するには？" class="subWindowOpen">dアカウントで利用するには？</a>
</span>
</td>
</tr>
</table>
</div>
<br />
<div>
<table style="position: relative; top: 6px; left: 0%;">
<tr valign="top">
<td>
※自動ログインを設定すると、ログインIDとパスワードを入力せずにお客様のマイページが閲覧できます。<br />
自動ログインを解除するには、「ログアウト」して「自動ログインを設定する」のチェックを外してください。<br />
</td></tr>
</table>
</div>
</div>
</div>
<div id="login-bottom">
<p><a href="javascript:regist_top();" title="新規WM（わたしムーヴ）会員登録する方" id="registTop">新規WM（わたしムーヴ）会員登録する方</a></p>
</div>
<input type="hidden" name="wllink" value="" />
<input name="path" type="hidden" value="" />
<input name="aid" type="hidden" value="" />
<input name="sid" type="hidden" value="" />
		</form>
		<!-- Login End -->

Comments

[otn]

いろいろアドバイスしても出来ないようなので、遠回りになりますが、まずはきちんとRubyに入門してはどうでしょうか？そうするとアドバイスの内容も理解できるようになるかと思います。