簡體   English   中英

當使用JavaScript在瀏覽器中打印整個JavaScript代碼時,無法在HTML中使用HTML變量

[英]Not able to use HTML variables in JavaScript when used prints whole JavaScript code in the browser

這是我無法從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);
    }   

要執行而不顯示JavaScript代碼,需要將JavaScript代碼封裝在<script>標記中,如下所示。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM