在JAVASCRIPT中调用JS脚本不起作用

mail.js
---------为什么以下这段代码的check_email(email)和check_empty(text)在下面的form里不起作用-----------
function validate_form()
{
if(!check_empty(document.form.name.value)|| document.form.name.value=='') 
{      
    alert(  'Sorry!Please Fill in your name  '); 
    return false; 
} 
if (!check_email(document.form.email.value)  || document.form.email.value=='') 
    { 
        alert(  'Sorry!Please Fill in the correct Email address  '); 
        return false; 
    }
}
function check_email(email) 
{ 
    //var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; 
    var pattern = /^\w+((-\w+) |(\.\w+))*\@[A-Za-z0-9]+((\. |-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; 
    flag = pattern.test(email); 
    if(!flag&&email.length>0)
    { 
　      return false; 
    } 
    return true; 
} 
function check_empty(text) 
{ 
    return (text.length  > 0);  
} 
---------为什么以上这段代码的check_email(email)和check_empty(text)在下面的form里不起作用-----------<html> 
<head> 
<title>动态增加文本框 </title> 
  <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" /> 
  <style>
input.invalid { background: #faa; }
input.valid { background: #afa; }  
</style>
  
  <script type="text/javascript" src="js/calendar.js"> </script> 
  
  <script type="text/javascript" src="js/calendar-zh.js"> </script> 
  <script type="text/javascript" src="js/calendar-setup.js"> </script> 
  
  
  <script type="text/javascript" src="mail.js"></script>   //引用上面的mail.js
  <script type="text/javascript"> 
<!-- 
  var textNumber = 1; 
  var delNumber=0;
  var textarr = new Array();
  
  function addTitle(rows){ 
    return "提醒" + (rows+1) + ":"; 
  } 
    function addaa(rows){ 
    textarr[textarr.length] = rows+1;
    return " <input type=\"+text\" name=\"date[]" + rows + "\" id=\"date" + rows + "\" />"; 
  } 
  
  
function addbb(rows)
{ 
  
    return ' <input type="text" name="ot[]" id="ot" /> <input type="button" value="del" />';  
}
   
  function addtt(rows){ 
    return " <input type=\"+text\" name=\"name[]" + rows + "\" id=\"name" + rows + "\" />"; //引用方法，但不起作用
  } 
  
     function addothers(rows){ 
    return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" />";  //引用方法，但不起作用
  } 
  
  function addTextBox(worksId){ 
  var works = document.getElementById(worksId); 
  var newRow = works.insertRow(-1); 
  var newCell = newRow.insertCell(0); 
  newCell.innerHTML = addTitle(textNumber); 
  newCell = newRow.insertCell(1); 
  newCell.innerHTML = addtt(textNumber); 
  newCell = newRow.insertCell(2); 
  newCell.innerHTML = addaa(textNumber); 
    newCell = newRow.insertCell(3); 
  newCell.innerHTML = addothers(textNumber); 
  
  newCell = newRow.insertCell(4); 
  newCell.innerHTML = addbb(textNumber); 
   textNumber++; 
  
  } 
  
function removeTextBox(worksId,rowid){  var a = 0; 
  if(rowid!==0){
      a = rowid+1; 
      var b=0;
      for(var i=0;i<textarr.length;i++)
      {
        if(a==textarr){
            b=i;
            textarr.splice(i,1);
            break;
        }
      }
      a= b+2;
  }else{ 
    a = textNumber; 
  }
  
  var works = document.getElementById(worksId); 
  if(a>1){ 
    works.deleteRow(a-2); 
  } 
}
//--> 
</script> 
<style type="text/css"> 
<!-- 
label { 
  display:block; 
  margin:.25em 0em; 
} 
--> 
</style> 
</head> 
<body> 
<form  name="form" method="POST" action="ttcrm.php"> 
  <table>    
  
   <td>提醒1: </td> 
   <td> 
    <input type="text" name="name[]" id="name"/> </td>   //引用方法，但不起作用
<td> <input type="text" name="date[]" id="date" />
  <td> <input type="text" name="email[]" id="email"/> </td>   //引用方法，但不起作用
</label> 
  </tr> 
  <table id="works"> 
  </table> 
  <p> 
    <input type="button" value="增加一行" /> 
      <p> <input type="Submit" value="提交保存" /> </p> 
</form> 
</body> 
</html>

解决方案 »

  1.   

    不好意思,上段代码写错了没加上引用,我照以下这样的加的还是不起作用
    <html> 
    <head> 
    <title>动态增加文本框 </title> 
      <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" /> 
      <style>
    input.invalid { background: #faa; }
    input.valid { background: #afa; }  
    </style>
      
      <script type="text/javascript" src="js/calendar.js"> </script> 
      
      <script type="text/javascript" src="js/calendar-zh.js"> </script> 
      <script type="text/javascript" src="js/calendar-setup.js"> </script> 
      
      
      <script type="text/javascript" src="mail.js"></script>   //引用上面的mail.js
      <script type="text/javascript"> 
    <!-- 
      var textNumber = 1; 
      var delNumber=0;
      var textarr = new Array();
      
      function addTitle(rows){ 
        return "提醒" + (rows+1) + ":"; 
      } 
        function addaa(rows){ 
        textarr[textarr.length] = rows+1;
        return " <input type=\"+text\" name=\"date[]" + rows + "\" id=\"date" + rows + "\" />"; 
      } 
      
      
    function addbb(rows)
    { 
      
        return ' <input type="text" name="ot[]" id="ot" /> <input type="button" value="del" />';  
    }
       
      function addtt(rows){ 
        return " <input type=\"+text\" name=\"name[]" + rows + "\" id=\"name" + rows + "\" onclick="check_empty('text') />"; //引用方法，但不起作用
      } 
      
         function addothers(rows){ 
        return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" onclick="check_email('email') />";  //引用方法，但不起作用
      } 
      
      function addTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      var newRow = works.insertRow(-1); 
      var newCell = newRow.insertCell(0); 
      newCell.innerHTML = addTitle(textNumber); 
      newCell = newRow.insertCell(1); 
      newCell.innerHTML = addtt(textNumber); 
      newCell = newRow.insertCell(2); 
      newCell.innerHTML = addaa(textNumber); 
        newCell = newRow.insertCell(3); 
      newCell.innerHTML = addothers(textNumber); 
      
      newCell = newRow.insertCell(4); 
      newCell.innerHTML = addbb(textNumber); 
       textNumber++; 
      
      } 
      
    function removeTextBox(worksId,rowid){  var a = 0; 
      if(rowid!==0){
          a = rowid+1; 
          var b=0;
          for(var i=0;i<textarr.length;i++)
          {
            if(a==textarr){
                b=i;
                textarr.splice(i,1);
                break;
            }
          }
          a= b+2;
      }else{ 
        a = textNumber; 
      }
      
      var works = document.getElementById(worksId); 
      if(a>1){ 
        works.deleteRow(a-2); 
      } 
    }
    //--> 
    </script> 
    <style type="text/css"> 
    <!-- 
    label { 
      display:block; 
      margin:.25em 0em; 
    } 
    --> 
    </style> 
    </head> 
    <body> 
    <form  name="form" method="POST" action="ttcrm.php"> 
      <table>    
      
       <td>提醒1: </td> 
       <td> 
        <input type="text" name="name[]" id="name" onclick="check_empty('text')/> </td>   //引用方法，但不起作用
    <td> <input type="text" name="date[]" id="date" />
      <td> <input type="text" name="email[]" id="email" onclick="check_email('email') "/> </td>   //引用方法，但不起作用
    </label> 
      </tr> 
      <table id="works"> 
      </table> 
      <p> 
        <input type="button" value="增加一行" /> 
          <p> <input type="Submit" value="提交保存" /> </p> 
    </form> 
    </body> 
    </html>
      

  2.   

    不好意思,上段代码写错了没加上引用,我照以下这样的加的还是不起作用
    <html> 
    <head> 
    <title>动态增加文本框 </title> 
      <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" /> 
      <style>
    input.invalid { background: #faa; }
    input.valid { background: #afa; }  
    </style>
      
      <script type="text/javascript" src="js/calendar.js"> </script> 
      
      <script type="text/javascript" src="js/calendar-zh.js"> </script> 
      <script type="text/javascript" src="js/calendar-setup.js"> </script> 
      
      
      <script type="text/javascript" src="mail.js"></script>   //引用上面的mail.js
      <script type="text/javascript"> 
    <!-- 
      var textNumber = 1; 
      var delNumber=0;
      var textarr = new Array();
      
      function addTitle(rows){ 
        return "提醒" + (rows+1) + ":"; 
      } 
        function addaa(rows){ 
        textarr[textarr.length] = rows+1;
        return " <input type=\"+text\" name=\"date[]" + rows + "\" id=\"date" + rows + "\" />"; 
      } 
      
      
    function addbb(rows)
    { 
      
        return ' <input type="text" name="ot[]" id="ot" /> <input type="button" value="del" />';  
    }
       
      function addtt(rows){ 
        return " <input type=\"+text\" name=\"name[]" + rows + "\" id=\"name" + rows + "\" onclick="check_empty('text') />"; //引用方法，但不起作用
      } 
      
         function addothers(rows){ 
        return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" onclick="check_email('email') />";  //引用方法，但不起作用
      } 
      
      function addTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      var newRow = works.insertRow(-1); 
      var newCell = newRow.insertCell(0); 
      newCell.innerHTML = addTitle(textNumber); 
      newCell = newRow.insertCell(1); 
      newCell.innerHTML = addtt(textNumber); 
      newCell = newRow.insertCell(2); 
      newCell.innerHTML = addaa(textNumber); 
        newCell = newRow.insertCell(3); 
      newCell.innerHTML = addothers(textNumber); 
      
      newCell = newRow.insertCell(4); 
      newCell.innerHTML = addbb(textNumber); 
       textNumber++; 
      
      } 
      
    function removeTextBox(worksId,rowid){  var a = 0; 
      if(rowid!==0){
          a = rowid+1; 
          var b=0;
          for(var i=0;i<textarr.length;i++)
          {
            if(a==textarr){
                b=i;
                textarr.splice(i,1);
                break;
            }
          }
          a= b+2;
      }else{ 
        a = textNumber; 
      }
      
      var works = document.getElementById(worksId); 
      if(a>1){ 
        works.deleteRow(a-2); 
      } 
    }
    //--> 
    </script> 
    <style type="text/css"> 
    <!-- 
    label { 
      display:block; 
      margin:.25em 0em; 
    } 
    --> 
    </style> 
    </head> 
    <body> 
    <form  name="form" method="POST" action="ttcrm.php"> 
      <table>    
      
       <td>提醒1: </td> 
       <td> 
        <input type="text" name="name[]" id="name" onclick="check_empty('text')/> </td>   //引用方法，但不起作用
    <td> <input type="text" name="date[]" id="date" />
      <td> <input type="text" name="email[]" id="email" onclick="check_email('email') "/> </td>   //引用方法，但不起作用
    </label> 
      </tr> 
      <table id="works"> 
      </table> 
      <p> 
        <input type="button" value="增加一行" /> 
          <p> <input type="Submit" value="提交保存" /> </p> 
    </form> 
    </body> 
    </html>
      

  3.   

    form这样写也不行<form name="form" onSubmit="return validate_form()" method="post" action="aa.php" >
      

  4.   

    <html> 
    <head> 
    <title>动态增加文本框 </title> 
      <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" /> 
      <style>
    input.invalid { background: #faa; }
    input.valid { background: #afa; }  
    </style>
      
      <script type="text/javascript" src="js/calendar.js"> </script> 
      
      <script type="text/javascript" src="js/calendar-zh.js"> </script> 
      <script type="text/javascript" src="js/calendar-setup.js"> </script> 
      
      
      <script type="text/javascript" src="mail.js"></script>   //引用上面的mail.js
      <script type="text/javascript"> 
    <!-- 
      var textNumber = 1; 
      var delNumber=0;
      var textarr = new Array();
      
      function addTitle(rows){ 
        return "提醒" + (rows+1) + ":"; 
      } 
        function addaa(rows){ 
        textarr[textarr.length] = rows+1;
        return " <input type=\"+text\" name=\"date[]" + rows + "\" id=\"date" + rows + "\" />"; 
      } 
      
      
    function addbb(rows)
    { 
      
        return ' <input type="text" name="ot[]" id="ot" /> <input type="button" value="del" />';  
    }
       
      function addtt(rows){ 
        return " <input type=\"+text\" name=\"name[]" + rows + "\" id=\"name" + rows + "\" onclick="check_empty('text') />"; //引用方法，但不起作用
      } 
      
         function addothers(rows){ 
        return " <input type=\"+text\" name=\"email[]" + rows + "\" id=\"email" + rows + "\" onclick="check_email('email') />";  //引用方法，但不起作用
      } 
      
      function addTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      var newRow = works.insertRow(-1); 
      var newCell = newRow.insertCell(0); 
      newCell.innerHTML = addTitle(textNumber); 
      newCell = newRow.insertCell(1); 
      newCell.innerHTML = addtt(textNumber); 
      newCell = newRow.insertCell(2); 
      newCell.innerHTML = addaa(textNumber); 
        newCell = newRow.insertCell(3); 
      newCell.innerHTML = addothers(textNumber); 
      
      newCell = newRow.insertCell(4); 
      newCell.innerHTML = addbb(textNumber); 
       textNumber++; 
      
      } 
      
    function removeTextBox(worksId,rowid){  var a = 0; 
      if(rowid!==0){
          a = rowid+1; 
          var b=0;
          for(var i=0;i<textarr.length;i++)
          {
            if(a==textarr){
                b=i;
                textarr.splice(i,1);
                break;
            }
          }
          a= b+2;
      }else{ 
        a = textNumber; 
      }
      
      var works = document.getElementById(worksId); 
      if(a>1){ 
        works.deleteRow(a-2); 
      } 
    }
    //--> 
    </script> 
    <style type="text/css"> 
    <!-- 
    label { 
      display:block; 
      margin:.25em 0em; 
    } 
    --> 
    </style> 
    </head> 
    <body> 
    <!--<form  name="form" method="POST" action="ttcrm.php"> -->
    <form name="form" onSubmit="return validate_form()" method="post" action="aa.php" >
      <table>    
      
       <td>提醒1: </td> 
       <td> 
        <input type="text" name="name[]" id="name" onclick="check_empty('text')"/> </td>   //引用方法，但不起作用
    <td> <input type="text" name="date[]" id="date" />
      <td> <input type="text" name="email[]" id="email" onclick="check_email('email') "/> </td>   //引用方法，但不起作用
    </label> 
      </tr> 
      <table id="works"> 
      </table> 
      <p> 
        <input type="button" value="增加一行" /> 
          <p> <input type="Submit" value="提交保存" /> </p> 
    </form> 
    </body> 
    </html>