Question

有人请帮助，我不知道最近发生了什么，我做了很多研究。我尝试使用onblur进行表单验证，因此当我点击屏幕时，validateName()函数会运行并执行我想要的操作。但相反，我得到的是validateName()未定义，或validateName().value未定义。我真的很感激这方面的建议。

此外，当我将java脚本文件与此代码链接到此php文件时，它无法正常工作，但可能是同样的问题。 -

完整错误消息未捕获ReferenceError：未定义validateName 在HTMLInputElement.onblur（account.php？fName = asas：52） onblur @ account.php？fName = asas：52

顶点网站|标题不确定

<link rel="icon" href="images/hammerFavicon.ico" type="image/gif">

<link rel="stylesheet" href="css/custom/siteStyle.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script type="text/javascipt" src="js/main.js"></script>

<script type="text/javascipt" language="javascript">
    function validateName(fName) {
        var fName = form.fName.value;
        alert("fName");
    }
</script>

    <p class="lead">Account Details</p>

    <form>
        <!---- First name and Last name --->
        <div class="form-row">
            <div class="col">
                <label for="firstName">First Name</label>
                <input type="text" onblur="validateName()" name="fName" id="fName" class="form-control"
                       placeholder="First name"/>
            </div>

            <div class="col">
                <label for="firstName">Last Name</label>
                <input type="text" class="form-control" placeholder="Last name" required maxlength="50"/>
            </div>
        </div>

        <br>
        <!---- Email --->
        <div class="form-row">
            <div class="form-group col-md-6">

                <label for="inputEmail4">Email</label>
                <input type="email" class="form-control" id="inputEmail4" placeholder="Email" required
                       maxlength="254"/>

            </div>
            <!---- Password --->
            <div class="form-group col-md-6">

                <label for="inputPassword4">Password</label>
                <input type="password" class="form-control" id="inputPassword4" placeholder="Password"/>

            </div>
        </div>
        <!---- Address --->
        <div class="form-group">

            <label for="inputAddress">Address</label>
            <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St" required
                   maxlength="100"/>

        </div>
        <!---- Address 2 --->
        <div class="form-group">

            <label for="inputAddress2">Address 2</label>
            <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor"
                   required maxlength="100"/>

        </div>
        <!---- City--->
        <div class="form-row">
            <div class="form-group col-md-6">

                <label for="inputCity">City</label>
                <input type="text" class="form-control" id="inputCity" required maxlength="100"/>

            </div>
            <!---- State --->
            <div class="form-group col-md-4">

                <label for="inputState">State</label>
                <select id="inputState" class="form-control" required>
                    <option selected>Choose...</option>
                    <option>...</option>

                </select>
            </div>
            <!---- Zip code --->
            <div class="form-group col-md-2">

                <label for="inputZip">Zip</label>
                <input type="text" class="form-control" id="inputZip" required maxlength="12"/>

            </div>
        </div>
        <!---- Button --->
        <button type="submit" class="button button-block">Update</button>
    </form>
</div>

Answer 1

请尝试使用以下内容，因为您的方法无效。您的函数需要参数，但是当您调用onblur时，您不会发送任何内容。此外，当您尝试获取值form.fName.value时，它将不会像这样工作。

function validateName(fName) {
    var fName = fName.value;
    alert(fName);
}

<input type="text" onblur="validateName(this)" name="fName" id="fName" class="form-control" placeholder="First name"/>

同样更正此处的类型：<script type="text/javascript">。

Javascript-未捕获的ReferenceError未定义表单验证

1 个答案: