Question

我完全是js的新手，我为@大学的项目制作了这个表格，但js似乎根本不起作用。我没有得到任何错误，它只是不起作用！我启用了Javascript，并且我已完全禁用无脚本。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="<?php echo $_SESSION['css'];?>"/>


 <script type="text/javascript">


  function validate_f() {
    var result=true;
    var username=document.getElemenetById('username').value;
    var illegalChars = /\W/;
    var x=document.getElemenetById('email').value;
        var pwd=document.getElemenetById('password').value;


  if (illegalChars.test(username) || username.length>25) {
        result=false;

        alert("Username must be latin chars and not more than 25 characters");
  }

if (x==null || x=="" || username == null || username=="" || pwd == null || pwd == "" || afm == null || afm == "" ) {
result=false;
alert("you have to fill up all the Boxes dude");
}
    return result;  

} 
<div id="main">
<div id="formcontainer">
<form id="data" name="data" action="connection.php" method="POST" on submit="return validate_f()">
<table width="100%" cellpadding="3" cellspacing="2">
<tr>
    <td width="25%"> </td>
</tr>
<tr>
    <td class="right" width="20%"> <strong> Username </strong> </td>
    <td>
    <input type="text" name="username" id="username" size="25" maxlength="25"/>
</td>
</tr>
<tr>
    <td class="right"> <strong> Password</strong> </td>
    <td>
    <input type="password" name="password" id="password" size="25" maxlength="25"/>
</td>
</tr>
<tr>
    <td class="right"> <strong> Email</strong> </td>
    <td>
    <input type="text" name="email" id="email"/>
    </td>
</tr>
<?php
/*
<tr>
<td class="right"> <strong> Security Code: </strong> </td>
<td>
<img src="CaptchaSecurityImages.php" alt="" />
<input id="security_code" name="security_code" type="text" />
</td>
</tr>
*/
?>
<tr>   
 <td>
          <input name="reset" type="reset" id="reset" value="Reset" />
          <input name="submit" type="submit" id="submit" value="Submit"/>

        </td>
</tr>
</table>
</form>
</div>

</div>

Answer 1

onsubmit事件

之间没有空格

<form id="data" name="data" action="connection.php" method="POST" onsubmit="return validate_f()">

Answer 2

on＆amp;之间有一个空格。提交。试试这行表格标签......

<form id="data" name="data" action="connection.php" method="POST" onsubmit="return validate_f()">

以及

您的div's应位于<form>标记内。
在</script>开始之前关闭<form>标记。
在启动</head>代码之前关闭<form>代码。
关闭html页面末尾的</html>标记。

Answer 3

有拼写错误 -

document.getElemenetById('password').value
var username=document.getElemenetById('username').value;

应该是

document.getElementById('password').value
var username=document.getElementById('username').value;

参考：https://developer.mozilla.org/en/DOM/document.getElementById

Answer 4

试试这个，

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <link rel="stylesheet" type="text/css" href="<?php echo $_SESSION['css'];?>"/> 


 <script type="text/javascript">


     function validate_f() {
         var result = true;
         var username = document.getElemenetById('username').value;
         var illegalChars = /\W/;
         var x = document.getElemenetById('email').value;
         var pwd = document.getElemenetById('password').value;



         if (illegalChars.test(username) || username.length > 25) {
             result = false;

             alert("Username must be latin chars and not more than 25 characters");
         }

         if (x == null || x == "" || username == null || username == "" || pwd == null || pwd == "" || afm == null || afm == "") {
             result = false;
             alert("you have to fill up all the Boxes dude");
         }
         return result;

     }
</script> 
</head>


<body><div id="main">
<div id="formcontainer">
<form id="data" name="data" action="connection.php" method="POST" on submit="return validate_f()"> 
<table width="100%" cellpadding="3" cellspacing="2"> 
<tr> 
    <td width="25%"> </td> 
</tr> 
<tr> 
    <td class="right" width="20%"> <strong> Username </strong> </td> 
    <td> 
    <input type="text" name="username" id="username" size="25" maxlength="25"/> 
</td> 
</tr> 
<tr> 
    <td class="right"> <strong> Password</strong> </td> 
    <td> 
    <input type="password" name="password" id="password" size="25" maxlength="25"/> 
</td> 
</tr> 
<tr> 
    <td class="right"> <strong> Email</strong> </td> 
    <td> 
    <input type="text" name="email" id="email"/> 
    </td> 
</tr> 
<?php 

<tr> 
<td class="right"> <strong> Security Code: </strong> </td> 
<td> 
<img src="CaptchaSecurityImages.php" alt="" /> 
<input id="security_code" name="security_code" type="text" /> 
</td> 
</tr> 


<tr>    
 <td> 
          <input name="reset" type="reset" id="reset" value="Reset" /> 
          <input name="submit" type="submit" id="submit" value="Submit"/> 

        </td> 
</tr> 
</table> 
</form> 
</div> 

</div> 
</body>

</html>

JavaScript没有运行

4 个答案: