-1

[送信] をクリックすると、フォームの aForm.propertyid を検証するために使用する JavaScript で値が定義されていないというエラーが表示されます。

以前に選択に対して検証したことがなく、他のフォームがすべて正常に機能するため、これは選択を使用して値が選択されたことを確認しようとすることに関連していると考えています。

正しい値は lease_edita の $_POST にありますが、checkForm(this) は検証のために JavaScript に何も渡していないようです - 私の checkForm(aValue) は aValue を取得しませんでした。

エラー チェックの値を表示するように checkForm にアラートを追加しましたが、値が取得されません。onchange="checkProperty(this.value);" ただし、正しく機能し、値を取得します。

propertyid は未定義です @/lease_jsLibrary.js

私は十分なコードを投稿していることを願っています...私は修正を見つけることなく2日間これに取り組んでおり、提案やアイデアを期待しています.

フォーム： 

<form name ="addEditLeaseForm" id="addEditLeaseForm" action="lease_edita.php" method="post" onsubmit="return checkForm(this)">
<?php
$output = <<<HTML
    <table class="center1" width="500">
        <tr>
            <td style="text-align: right; ">
            Property:
            </td>
            <td>
            <select name="propertyid" id="propertyid" stle="width:270px;" onchange="checkProperty(this.value);" />
                <option value='' selected></option>
HTML;
                $propList = getPropertyList();  // get the properties to populate the list box
                foreach ($propList as $aProperty) {
                extract($aProperty);
                $output .= <<<HTML
                <option value="$idproperty"
HTML;
                if ($idproperty == $prop_id) {
                $output .= <<<HTML
 selected
HTML;
            }
                $output .= <<<HTML
>$address</option>
HTML;
            }
                $output .= <<< HTML
            </select>
            <font id="propertyErr" style="visibility: hidden; color:red; font-weight: bold;">*Required</font>

            </td>
        </tr>
HTML;
    echo $output;
?>
    <tr>
    <td colspan ="2" align="center">
         <input type="submit" value="<?php echo $buttontext ?>" />
        <input type="button" name="Cancel" value="Cancel" onClick="history.go(-1);return true;" />
        </td>
    </tr>

    </table>
</form>

<p style="text-align: center">
    <input type="button" name="Property" value="Back to Property" onclick="window.location = '../property/property_main.php' " />
</p>

lease_jsLibrary.js の内容:

function trim(strToTrim) {
    "use strict";
    //create a regular expression literal to identify leading and trailing spaces
    var reg = /^\s+|\s+$/g;
    //use the string method - replace - to remove leading and trailing spaces
    return strToTrim.replace(reg,"");
}

// checks whether an input control is empty (i.e., the user failed to enter a required input)
// note: it uses the trim method (see above) to eliminate white spaces before checking the input
function isEmpty(aControl) {
    return (trim(aControl.value).length == 0) ? true : false;
}

// checks for invalid characters in a string
function hasInvalidChars(aControl) {
    //create a regular expression literal to identify invalid characters
    var reg = /[^a-zA-Z0-9\s\&\!\?\.',_-]/;
    //use the regular expression method - test - to check whether the string contains invalid characters
    return reg.test(trim(aControl.value));
}

// removes starting and trailing white spaces
function trimBlur(strToTrim) {
    "use strict";
    //create a regular expression literal to identify leading and trailing spaces
    var reg = /^\s+|\s+$/g;
    //use the string method - replace - to remove leading and trailing spaces
    return strToTrim.replace(reg, "");
}

// checks whether an input control is empty (i.e., the user failed to enter a required input)
// note: it uses the trim method (see above) to eliminate white spaces before checking the input
function isEmptyBlur(aControl) {
    "use strict";
    return (trimBlur(aControl).length === 0) ? true : false;
}

function checkProperty(aValue) {
    "use strict";
alert(aValue);
    if (isEmptyBlur(aValue)) {
    document.getElementById("propertyErr").style.visibility='visible';
    document.getElementById("propertyid").style.borderColor='#FF3300';
    document.getElementById("propertyErr").innerHTML="*Required";
    return false;
    } else {
    document.getElementById("propertyErr").style.visibility='hidden';
    document.getElementById("propertyid").style.borderColor='';
    return true;
    }
}

function checkForm(aValue) {
    alert (aValue.propertyid);
    if (isEmpty(aValue.propertyid)) {
    document.getElementById("propertyErr").style.visibility='visible';
    document.getElementById("propertyid").style.borderColor='#FF3300';
    document.getElementById("propertyErr").innerHTML="*Required";
    return false;
    } else return true;
}

ヒント、提案、およびアイデアを事前にありがとう..

これは、使用するように変更することで修正されます: if (isEmpty(aValue.propertyid.value)) ありがとう!!!

4

1 に答える 1

0

<select>「propertyid」という名前のタグを確認したいですか？

function checkForm(aForm) {
    if ( !aForm.propertyid.value  ) { // so replace the line with this
        document.getElementById("propertyErr").style.visibility='visible';
        document.getElementById("propertyid").style.borderColor='#FF3300';
        document.getElementById("propertyErr").innerHTML="*Required";
        return false;
    } else {
        console.log( "submited" );
        return false;
    }
}
于 2012-04-19T05:00:06.387 に答える