1

好的，我需要帮助。这是我在这里的第一个问题。

背景：我正在从事一个慈善项目，该项目的一部分是使用 Salesforce.com 构建 Web-To-Case 功能。如果您不知道，Salesforce.com 会将其软件免费提供给合格的非营利组织。无论如何，Salesforce.com 中的在线个案功能会生成一个 HTML 表单，提交后会将数据发送回 Salesforce.com 并创建一个工单。表单元素的 ID 是与 Salesforce.com 中的字段相对应的数字和字母字符串。

目标：我试图在特定表单上构建日期验证，因为我们发现除非日期的格式正好如此（2009 年 12 月 30 日下午 12:00），否则用户输入的任何内容都不会进入 Salesforce .com

问题：在线找到一个脚本（javascript）并对其进行修改以满足我的需要。问题 - 它不起作用。我在浏览器的角落里遇到了一个小错误，但它并没有阻止表单通过（它也没有验证） - 第 16 行的“预期'）'”。

我很想在这里附上代码......我希望没关系。通常我只会删掉相关的部分，但我担心人们会说“嘿，这永远不会起作用 - 你没有结束 HTML 标记”或诸如此类的东西。我不确定它是否能很好地粘贴 - 它来自一个 .htm 文件，并且 HTML 可能会被这个论坛解释，这将是......嗯......不理想！好吧，我想我想出了如何逃避它，但是要逃避的东西太多了，以至于我删掉了大部分评论和大部分真正不相关的东西..

您可以看到表单字段 id 是多么时髦——我看到的大多数示例都有简单的表单 id 和名称……所以我想知道 Javascript 是否不能处理以数字开头的字符串作为字段上的 id/名称。

我也想知道 - 因为我无法通过测试来验证它，因为它由于其他原因不起作用 - 如果我的正则表达式接近我上面指定的日期格式。我必须编写自己的正则表达式，因为我在世界上找不到任何我想要的东西。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Cambridge Cares About AIDS: Request an Asset</title>
<link type="text/css" rel="stylesheet" href="styles.css" />

<SCRIPT LANGUAGE="JavaScript">  // Original JavaScript code by Chirp Internet: www.chirp.com.au    // Please acknowledge use of this code by including this header.  //Code modified to validate a date/time field by Shannon Davis, Company Name Removed.

function checkDates(form)
{
checkDate(form.00N80000003LGJ5);
    checkDate(form.00N80000003LGNt);
}

 function checkDate(field)
 {
   var allowBlank = false;
var minYear = (new Date()).getFullYear();
var maxYear = 2100;

var errorMsg = "";

// regular expression to match required date format
re = /^(\d{1,2})\/(\d{1,2})\/(\d{4})\s(\d{1,2}):(\d{2})+\s([ap]m)+$/;

if(field.value != '') {
  if(regs = field.value.match(re)) {
    if(regs[1] < 1 || regs[1] > 12) {
      errorMsg = "Invalid value for day: " + regs[1];
    } else if(regs[2] < 1 || regs[2] > 31) {
      errorMsg = "Invalid value for month: " + regs[2];
   } else if(regs[3] < minYear || regs[3] > maxYear) {
      errorMsg = "Invalid value for year: " + regs[3] + " - must be between " + minYear + " and " + maxYear;
   }
  } else {
    errorMsg = "Invalid date format: " + field.value;
  }
} else if(!allowBlank) {
  errorMsg = "Empty date not allowed!";
}

if(errorMsg != "") {
  alert(errorMsg);
  field.focus();
  return false;
}
return true;
  }
</SCRIPT>

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
</head>

<BODY>

    <div id="container">
        <div id="top_photo">
      <img src="images/ccaa_banner.jpg" alt="banner" width="800" height="181" />
        </div>

        <div id="left_colum" style="width: 200; height: 256"><a href="index.html">
                      <img src="images/cca_logo.gif" alt="logo" border="0" width="178" height="84" /></a>
                    <p class="address">Cambridge Cares About AIDS<br />17 Sellers Street<br /> Cambridge, MA 02139<br />617.661.3040</p>
                <br />

                </div>
                <div id="right_colum">
                        <div id="content">

<form id="form" name="form" action="https://www.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8" method="POST">

<input type=hidden name="orgid" value="00D80000000M3if">
<input type=hidden name="retURL" value="http://wilmwebtest/CCAA/thank_you.htm">

<table border=0>

<tr><TD><label for="email">CCA Email:*</label></TD><td><input  id="email" maxlength="80" name="email" size="40" type="text" /><br> </td></tr>

<tr>
<td><label for="subject">Subject:</label></td><td><input  id="subject" maxlength="80" name="subject" size="40" type="text" /><br></td>
</tr>
<tr><td>
<label for="description">Description*</label></td>
<td>
<textarea name="description" rows="4" cols="25"></textarea><br></td>
</tr><tr>
<input type="hidden" name="recordType" id="recordType" value="0012800000006ZWz">

<tr> <td colspan="2">
<p>Date Format: mm/dd/yyyy hh:mm am/pm<br>example: &quot;08/30/2009 12:00 am&quot;</td></tr>
<tr><td>When Needed (Start):*</td>
<td><input id="00N80000003LGJ5" name="00N80000003LGJ5" size="40" type="text" /></span><br></td></tr>
<tr>
<td>
When Needed (End):<span class="dateInput">*</td>
<TD>

<input  id="00N80000003LGNt" name="00N80000003LGNt" size="40" type="text" /></span><br></td>
</tr>
</table>
<input type="hidden"  id="external" name="external" value="1" /><br>

<input type="submit" name="submit" value="Submit Asset Request" onClick="checkDates    (this.form);" >

</form>

                        </div>
                </div>
            <div id="clearit">
            </div>
    </div>
   </body>
   </html>
4

1 回答 1

2

您的 checkDate 功能是正确的。问题出在您的 checkDates 函数中。Javascript 不喜欢以数字开头的变量。将其更改为：

function checkDates(form)
{
    checkDate(form.elements['00N80000003LGJ5']);
    checkDate(form.elements['00N80000003LGNt']);
}

它应该按预期工作。

此外，为了取消提交表单的无效日期，您必须将提交按钮的 onClick 属性更改为：

onclick="return checkDates( this.form )"

否则，无论如何都会提交表单。

在旁注中，您提到的错误消息听起来像是经典的“WTF？” Internet Explorer 错误消息。考虑升级到最新版本的 IE (IE8)，它的错误消息比以前的版本好得多，或者使用 Firefox。在跟踪 Javascript（和 CSS）错误方面，Firefox 的错误控制台是首屈一指的。

于 2009-06-10T18:50:16.483 回答