Javascript警报显示，只要页面加载

Javascript alert displaying as soon as the page loads

本文关键字：加载 显示 Javascript      更新时间：2023-09-26

我是Javascript的新手。下面代码中的错误是，一旦页面加载，就会显示警告消息。请帮我克服这个错误。当我点击提交按钮时，警报不会显示，而是打开下一个链接。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Delete Book</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/default.css" />
</head>
<body id="index_page">
<div id="wrapper">
    <div id="header">
        <h1 align="left">Library</h1>
    </div> 
    <ul id="navigation">
        <li id="index"><a href="http://localhost/UID/FAQ.php">FAQ</a></li>
    </ul>
    <div id="content">
    <div id="main_content">
    <h2>Delete book</h2>
 <h4>Enter details of the book</h4>
 <FORM action="del_book_action.php" method="post" >
  <TABLE WIDTH="70%" >
  <TR>
      <TH width="60%">Enter book ID:</TH>
      <TD width="50%"><INPUT TYPE="text" name="id" id="book_id"></TD>
  </tr>
  <TR>
      <TH></TH>
      <TD width="50%"><INPUT TYPE="submit" Value="Submit"         onclick="validate_f()"></TD>
  </tr>
  </TABLE>
 </FORM>
</div>
<p id="footer"><a href="http://localhost/UID/UID.php">@AntonyAjay,2012</a></p>
</div>
<script language="javascript">
window.onload=function validate_f()
{
 var y=document.getElementById("book_id").value;
 if(y==""||isNaN(x))
{
alert("Book Id should be numeric");
}
 }
</script>
 </body> 
  </html>

在页面加载时运行该函数。改变这个:

window.onload=function validate_f()

: 

function validate_f()

看看将isNaN(x)更改为isNaN(y)是否可以解决问题。

在加载时删除窗口，代码的目的是在提交时进行验证。这个函数在页面加载

时被调用

将对函数的引用传递给窗口。Onload而不是实际调用。

<script>
window.onload = function(){
 alert('test');
}
</script>

这是因为您正在调用onclick函数。做两个改变。不要在加载时使用该函数。使用下面的html更改和脚本

<INPUT TYPE="submit" Value="Submit" onclick="return validate_f()">
    function validate_f()
{
 var y=document.getElementById("book_id").value;
 if(y==""||isNaN(x))
{
alert("Book Id should be numeric");
return false;
}
 }
相关文章：