1

わかりました、助けが必要です。これが私の最初の質問です。

背景：私はチャリティープロジェクトに取り組んでおり、プロジェクトの私の部分は、Salesforce.comを使用してWeb-To-Case機能を構築することです。Salesforce.comは、あなたが知らなかった場合、そのソフトウェアを資格のある非営利団体に無料で提供します。とにかく、Salesforce.comのWeb-To-Case機能はHTMLフォームを生成し、送信されると、データをSalesforce.comに送り返し、チケットを作成します。フォーム要素のIDは、Salesforce.comのフィールドに対応しているように見える数字と文字の文字列です。

目標：特定のフォームで日付の検証を組み込むことを試みました。日付がそのようにフォーマットされていない限り（2009年12月30日12:00 PM）、ユーザーが入力したものはSalesforceに反映されないことがわかったためです。 .com

問題：オンラインでスクリプト（javascript）を見つけ、ニーズに合わせて変更しました。問題-動作しません。ブラウザの隅に小さなエラーが表示されますが、フォームの通過が停止しません（検証もされません）-16行目の「Expected'）'」。

ここにコードを添付したいと思います...大丈夫だといいのですが。通常、私は関連する部分だけを切り取りますが、人々が「これは決して機能しません。終了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？」のように聞こえます。InternetExplorerのエラーメッセージ。以前のバージョンよりもはるかに優れたエラーメッセージが表示される最新バージョンのIE（IE8）にアップグレードするか、Firefoxを使用することを検討してください。Firefoxのエラーコンソールは、Javascript（およびCSS）エラーの追跡に関しては他に類を見ません。

于 2009-06-10T18:50:16.483 に答える