2

フォームを検証するためにJavaScriptを使用しています。Firefox、IE10、Chrome で正常に動作します。以下のコードを Safari と IE9 で動作させる方法はありますか? 寄付ボタンをクリックすると、学生の名前を入力する必要があります。しかし、Safari と IE9 では、必須フィールドが認識されず、そのまま Paypal に移動します。

 <script>
function validateForm()
{
var x=document.forms["myForm"]["os0"].value;
if (x==null || x=="")
  {
  alert("Please Enter the Child Your Sponsoring and Click Donate");
  return false;
  }
}
</script>
<form name="myForm" action="https://www.paypal.com/cgi-bin/webscr" onsubmit="return  validateForm()" method="post">

<input type="hidden" name="on0" value="Child Sponsored Name" />Please enter the student's First and Last Name Your Sponsoring and click Donate

<input type="text" maxlength="200" name="os0" required/><input type="hidden" name="cmd" value="_donations" />

<input type="hidden" name="business" value="email@website.com" /><input type="hidden" name="lc" value="US" />

<input type="hidden" name="item_name" value="5k Run Fundraiser" />

<input type="hidden" name="no_note" value="0" />

<input type="hidden" name="cn" value="ADD DONOR NAME" />

<input type="hidden" name="no_shipping" value="2" />

<input type="hidden" name="currency_code" value="USD" />

<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted" />

<input type="image" alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" />

<img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" border="0" />

</form>
4

3 に答える 3

0

これはあなたの問題の答えにはなりませんが、問題を回避できるかもしれません。

次の jQuery プラグインをご存知ですか。

http://jqueryvalidation.org/documentation/

これを使用するには、ドキュメントの head タグに jQuery ライブラリと jQueryValidation プラグインの両方をロードする必要があります。

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
</head>

このデモを見る

于 2013-10-08T18:51:33.130 に答える