Safariでのみ<input type="submit">が出来ない。

Question

初めてこちらで質問させていただきます。
下記のエントリーフォームのコードでSafariでだけ、<input type="submit">が効かず困っております。（Chrome, FireFox, IE, Operaでは動く）

解決方法をご存じの方がいらっしゃいましたらぜひお力添えいただきたく思います。
ちなみにSafariのバージョンは5.1.7。（試したところ6系でも動かず）
よろしくお願いいたします。

<form name="signup" class="form"  novalidate method="post" onsubmit="return false;" >
<div data-states-for="email">
              <label for="email">メール</label>
              <input type="email"
                 id="email"
                 name="email"
                 value=""
                 required
                 formnovalidate>
              <div data-errors-for="email"> <small class="form-error is-hidden"
                 data-errors-when="valueMissing"> メールアドレスを入力してください。 </small>
                 <small class="form-error is-hidden"
                 data-errors-when="typeMismatch">
            @(アットマーク) .(カンマ)はついてますか?
          </small>
              </div>
            </div>
<input type="submit" value="登録" />

<script type="text/javascript">
$(function() {
  // フォームの入力欄が更新されたかどうかを表すフラグ。
  var isChanged = false;

  $(window).bind("beforeunload", function() {
    console.log(isChanged);
    if (isChanged) {
      // isChangedフラグがtrueの場合、つまり入力内容が変更されていた
      // 場合のみ文字列を返すようにします。
      return "入力途中の項目があります。";
    }
  });

  $("form input, form select, form textarea").change(function() {
    // 入力内容が更新されている場合は、isChangedフラグをtrueにします。
    isChanged = true;
  });

  $("input[type=submit]").click(function() {
    // フォームをサブミットする前にフラグを落とします。
    // ※ これをやらないと、サブミット時に確認メッセージが表示されてしまいます。
    isChanged = false;
  });
})</script>

上記のようにvalidationをブラウザデフォルトのものではなくJSで制御しています。

<form name="signup" class="form" id=”signUp”  novalidate method="post" onsubmit="return false;" >
<input type="submit" value="登録" onclick=”document.getElementById(’signUp’).submit()” />

などという形で書くと、今度はJS制御のValidationが着火しなくなってしまいます。
本当に困っています...助けていただけると嬉しいです。よろしくお願いいたします。

Answer 1

http://palmgate.co.jp/masato_kato/article.html&id=152これも。

$('input[name=confirm]').on('click', function (e) {
	$('#form form').append($('<input type="hidden" name="confirm" value="submit" />')).submit();
	return true;
});

Answer 2

SafariではHTML5のformおよびinputタグに使用する以下の属性が使えないことがわかった。

required novalidate formnovalidate

現在の最新版であるSafari9.0.2でも使えなかった。
ということで、一年以上前にW3C勧告になっておりIEでも使えるHTML5タグが使えないということでびっくりしました。

Answer 3

onsubmit="return false;"のせいではないですか?

Comments

[orange0190]

そのほか、formの閉じタグがありませんが、記述忘れですか?

[hibikikudo]

ShunsukeIzuiさん＞失礼しました。それは書き忘れで、実際には書いてあります。
上記にも追記しました。(2015/13/07/15/25)

[hibikikudo]

ShunsukeIzuiさん＞<input>内 onsubmit="return false;"取り除いても状況変わらずです。

[orange0190]

formのaction属性はどうなっていますか?

[hibikikudo]

ShunsukeIzuiさん＞
formのaction属性は現在は記述しておりません。
formのaction属性はを下記のように書き直しますと、今度はJSバリデーションが全く効かず、required属性をつけた必須項目が入力されていなくても関係なく画面遷移してしまいます（Safariのみ）。
<form name="signup" class="form" novalidate method="post" action="confirm.html">

[orange0190]

利用しているJSプラグイン等があれば、載せてください

[hibikikudo]

ShunsukeIzuiさん＞こんな感じです。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/gentle_form.js">//フォームに関するjs</script>
<script type="text/javascript" src="js/jquery.autoKana.js">//フリガナ入力支援</script>
<script type="text/javascript" src="js/valueconvertor.js">//ひらがな→カタカナ自動変換</script>
<script type="text/javascript" src="js/bootstrap-datepicker.js">//日時取得</script>
<script type="text/javascript" src="js/jquery.leanModal.min.js">//モーダルウィンドウ</script>