-1

これは私が昨夜尋ねた質問の拡張版ですが、より詳細です。すべての php ファイルと js ファイルは、html ページから 1 レベル下の js というフォルダーにあります。ショッピング カートの内容とフォーム入力を php メールを使用してメールで送信する連絡フォームがあります。送信時にフォームを検証しています:

<form name="theForm" id="theForm" onsubmit="return validateFormOnSubmit(this)">

この送信ボタンで:

<input type=submit name=Submit value=Send style=cursor:pointer/>

検証は正常に機能します。コード (validate.js) は次のとおりです。

function setSelRange(inputEl, selStart, selEnd) { 
if (inputEl.setSelectionRange) { 
inputEl.focus(); 
inputEl.setSelectionRange(selStart, selEnd); 
} else if (inputEl.createtextRange) { 
var range = inputEl.createtextRange(); 
range.collapse(true); 
range.moveEnd('character', selEnd); 
range.moveStart('character', selStart); 
range.select(); 
} 
}

window.onload=function(){
setSelRange(document.theForm.textbox, 0, 0);
}

function validateFormOnSubmit(theForm) {
var reason = "";
reason += validateName(theForm.name);
reason += validatePhone(theForm.phone);
reason += validateEmail(theForm.emaile);

if (reason != "") {
alert("Some fields need correction:\n" + reason);
return false;
}

simpleCart.checkout()
}



function validateEmpty(fld) {
var error = "";

if (fld.value.length == 0) {
    fld.style.background = '#3399ff'; 
    error = "The required field has not been filled in.\n"
} else {
    fld.style.background = 'White';
}
return error;  
}



function trim(s)
{
return s.replace(/^\s+|\s+$/, '');
}

function validateName(fld) {
var error = "";
var illegalChars = /\W/; // allow letters, numbers, and underscores

if (fld.value == "") {
    fld.style.background = '#3399ff'; 
    error = "Please enter a name.\n";
} else if ((fld.value.length < 2) || (fld.value.length > 30)) {
    fld.style.background = '#3399ff'; 
    error = "The nme is too long!\n";
} else {
    fld.style.background = 'White';
}
return error;
}

function trim(s)
{
return s.replace(/^\s+|\s+$/, '');
}

function validateEmail(fld) {
var error="";
var tfld = trim(fld.value);                        // valu
trimmed off
var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;

if (fld.value == "") {
    fld.style.background = '#3399ff';
    error = "Please enter an email address.\n";
} else if (!emailFilter.test(tfld)) {              //test email for illegal characters
    fld.style.background = '#3399ff';
    error = "Please enter a valid email address.\n";
} else if (fld.value.match(illegalChars)) {
    fld.style.background = '#3399ff';
    error = "The email address contains illegal characters.\n";
} else {
    fld.style.background = 'White';
}
return error;
} 

function validatePhone(fld) {
var error = "";
var stripped = fld.value.replace(/[\(\)\.\-\ ]/g, '');    

if (fld.value == "") {
    error = "Please enter a phone number.\n";
    fld.style.background = '#3399ff';
 } else if (isNaN(parseInt(stripped))) {
    error = "The phone number can only contain numbers.\n";
    fld.style.background = '#3399ff';
 } else if (!(stripped.length == 10)) {
    error = "The phone number is the wrong length.     area        code.\n";
    fld.style.background = '#3399ff';
}
return error;
}

フォームが正常に検証されたら、関数 simpleCart.checkout() を実行しようとしています: (上記のコードから)

  if (reason != "") {
alert("Some fields need correction:\n" + reason);
return false;
}

simpleCart.checkout()
}

これは、私が呼び出そうとしているsimpleCart.jsの関数です (emailCheckout に設定):

me.checkout = function() {
    if( me.quantity === 0 ){
        error("Cart is empty");
        return;
    }
    switch( me.checkoutTo ){
        case PayPal:
            me.paypalCheckout();
            break;
        case GoogleCheckout:
            me.googleCheckout();
            break;
        case Email:
            me.emailCheckout();
            break;
        default:
            me.customCheckout();
            break;
    }
};

me.emailCheckout = function() {    

itemsString = "";
for( var current in me.items ){ 
    var item = me.items[current];
    itemsString += item.name + " " + item.quantity + " " + item.price + "\n";
}   

var form = document.createElement("form");
form.style.display = "none";
form.method = "POST";
form.action = "js/sendjs.php";
form.acceptCharset = "utf-8";
form.appendChild(me.createHiddenElement("wsp_key", wsp_key));
form.appendChild(me.createHiddenElement("wsp_code", wsp_code));
form.appendChild(me.createHiddenElement("textbox", textbox));
form.appendChild(me.createHiddenElement("name",name));
form.appendChild(me.createHiddenElement("phone",phone));
form.appendChild(me.createHiddenElement("emaile",emaile));
form.appendChild(me.createHiddenElement("jcitems", itemsString));
form.appendChild(me.createHiddenElement("jctotal", me.total));
document.body.appendChild(form);
form.submit();
document.body.removeChild(form);
}

フォームとアクション sendjs.php からカート情報、入力、キャプチャ キーとコードを受け取り、メールで送信します。

(上記のコードから)

form.action = "js/sendjs.php";

キャプチャ コードが正しければメールで送信され、「from-accepted.php」ページにリダイレクトされます。正しくない場合は、「form-rejected.php」ページ (sendjs.php) にリダイレクトされます。

<?php
include_once("wsp_captcha.php");

if(WSP_CheckImageCode() != "OK") {
header('location:/form-rejected.php');
die();
}
$to      = 'diysoakwells@hotmail.com';
$subject = 'Order Inquiry';
$jcitems = " <p><b>ORDER:</b></p><p> " . $_POST['jcitems']."<p/>" .     "<p><b>Total:</b>     $" . $_POST['jctotal']."</p>";
$time = date ("h:i A"); 
$date = date ("l, F jS, Y");
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers .= 'From: inquiry@diysoakwells.com' . "\r\n" .
'Reply-To: noreply@diysoakwells.com' . "\r\n" .
'X-Mailer: PHP/' . phpversion();
$name = $_POST['name'];
$phone = $_POST['phone'];
$emaile = $_POST['emaile'];
$textbox = $_POST['textbox'];
$text = "<html><body><p>This form was submitted on Your Web Site on \n $date at\n $time</p><p><b>Message:</b>\n$textbox</p><p><b>Customers Email Address:</b>$emaile</p><p><b>Customers Name:</b> $name </p><p><b>Customers Phone    Number:</b> $phone </p></html></body>";
$body = $text . $jcitems;
mail($to, $subject, $body, $headers);
Header('Location: ../form-accepted.php');
?>

問題は、検証後に sendjs.php が動作せず、連絡先ページをリロードするだけであることです。デバッガーはエラーを表示しておらず、他の方法で simpleCart.checkout をテストしましたが、動作するはずです。この投稿が長くなって申し訳ありませんが、このフォームが機能していないと困惑し、ビジネスを失っています (そして、それを機能させるために多くの睡眠をとっています)。

ここにページへのリンクがあります:

http://www.diysoakwells.com.au/cart.php

誰か提案はありますか?ここで 1 時間ポップアウトする必要がありますが、この投稿を監視し、戻ってきたら、少なくとも次の 4 時間または 5 時間、または修正されるまで問題に取り組みます。前もって感謝します。

ジェイミー

4

1 に答える 1

0

Chrome で次のエラーが発生しました: Uncaught TypeError: Cannot read property 'textbox' of undefined on validate.js:16

ところで、私はhttp://www.diysoakwells.com.au/form-rejected.phpにリダイレクトされたので、投稿は大丈夫だったようです。以前はカートが空だったために機能しませんでした

于 2012-05-10T11:38:16.130 に答える