Question

我正在使用一些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>

Answer 1

试试这个（不确定为什么需要form element）：

var x = document.getElementsByName("os0")[0].value;

Answer 2

希望这也是我的帮助：

var x=document.myForm.os0.value;

Answer 3

这不能回答您的问题，但它可能会解决您的问题。

你熟悉这个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>

See this demo

表单验证Javascript

3 个答案: