时间戳

首页 > 解决方案 > 使用时无法在 JavaScript 中使用 HTML 变量会在浏览器中打印整个 JavaScript 代码

javascript - 使用时无法在 JavaScript 中使用 HTML 变量会在浏览器中打印整个 JavaScript 代码

问题描述

这是我无法从 html 表单访问 JavaScript 变量的注册表单，而是在浏览器中打印整个 JavaScript 代码。我在这里不包括 CSS 文件，因为它是正确的，请给我这些代码。

HTML 代码

<form action = "book.js" name = "myform" onsubmit="return hello();">
<label for = "f_name" class = "ft"> First Name: </label>
<input  type = "textbox" name = "f_name" class = "desi" placeholder = "f_name">
<br><br>
<label for = "l_name" class = "ft"> Last Name: </label>
<input type = "textbox" name = "l_name" class = "desi" placeholder = "l_name">
<br><br>
<label for = "er_no" class = "ft"> Enrollment Number: </label>
<input type = "textbox" name = "er_no" class = "desi" placeholder = "10characters">
<br><br>
<label for = "sem" class = "ft"> Semester: </label>
<input type = "textbox" name = "sem" class = "desi"  placeholder = "less than eight">
<br><br>
<label for = "c_p"class = "ft"> Create Password: </label>
<input type = "password" name = "c_p" class = "desi" placeholder = "8 alphanumeric">
<br><br>
<label for = "e_p" class = "ft"> Enter Password: </label>
<input type = "password" name = "e_p" class = "desi" placeholder = "8 alphanumeric">
<br><br>
<input type = "submit" style = "background-color:yellow;color:red">
</form>

JavaScript 代码

当我在浏览器中运行时，会打印整个 JavaScript 代码，如下所示。

    function hello()
    {

        var f_names = document.myform.f_name.value;
        var l_names = document.myform.l_name.value;
        var er_nos = document.myform.er_no.value;
        var sems = document.myform.sem.value;
        var c_ps = document.myform.c_p.value;
        var e_ps = document.myform.e_p.value;
        for(var i=0;i<er_no.length;i++)
        {
            if(!(er_no[i]>=0 && er[i]<=9))
            {
                alert("wrong enrollment number");
                return(false);
            }
        }
        if(sems>'8')
        {
            alert("invalid semester");
            return(false);
        }
    document.write("hello");
    return(true);
    }

标签： javascripthtml

解决方案

要执行而不是显示您的 JavaScript 代码，您需要将 JavaScript 代码封装在一个<script>标记中，如下所示。

<script type="text/javascript">
// your code
</script>

推荐阅读