Question

我面临的问题是我试图将外部 javascript 文件链接到我的主 HTML 程序，但似乎无法实现。

这是我在 javascript 中的验证。

function validateFirstName () { //test input for 2-20 characters allowed
    var fName = document.getElementById("firstName").value;
    var rel = /^[a-zA-Z\s\'\-]{2,20}$/;
    
    if (rel.test(fName)){//if input is valid, update page to show succesful entry
        document.getElementById("firstNamePrompt").style.color = "green";
        document.getElementById("firstNamePrompt").innerHTML = "valid";
    return true;
    }
    else {//if input is invalid, update page to prompt for new input
        document.getElementById("firstNamePrompt").style.color = "Red";
        document.getElementById("firstNamePrompt").innerHTML = "<strong>Enter 2-20 characters!</strong>;
    return false;
    }
}

这是 HTML。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="Together2.css">
        <script type="text/javascript" src="formvalidation10.js"></script>
        <title>Sign Up</title>
        
    </head>
    <body>
        <form action="#">
            <div id="fullpage">
                <h1>SIGN UP WITH US</h1>
                <BR/>
                <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885_960_720.jpg"/>
                <BR/>
                <BR/>
                <table>
                    <tr>
                        <td class="label_col">First Name:</td>
                        <td class="input_col"><input name="firstName" id="firstName" type="text" onblur="validateFirstName();"></td>
                        <td class="feedback_col"><span id="firstNamePrompt">&nbsp;</span></td>
                        
                    </tr>

我已经看过类似的答案，但我仍然找不到问题所在。你能检查一下吗？提前致谢。

外部 JS 文件未加载

0 个答案: