在单独的js脚本文件中怎么给HTML文件中form的onsubmit事件怎么设置

Question

HTML 文件中:
 <form action="" method="post" id="myform"  >     <dl class="register_row">
        <dt>Email地址：</dt>
        <dd><input id="email" type="text" class="register_input"></dd>
        <dd id="dd_email" ></dd>
      </dl>
      <dl class="register_row">
         <dt>设置昵称：</dt>
         <dd><input id="nickName" type="text" class="register_input"></dd>
         <dd id="dd_nickName"></dd>
      </dl>
     <dl class="register_row">
         <dt>设定密码：</dt>
         <dd><input id="pwd" type="password" class="register_input"></dd>
          <dd id="dd_pwd"></dd>
     </dl> 
     <dl class="register_row"> 
         <dt>再输入一次密码：</dt>
         <dd><input id="repwd" type="password" class="register_input"></dd>
          <dd id="dd_repwd"></dd>
     </dl>
     <dl class="register_row">
        <dt>性别：</dt>
        <dd><input name="sex" type="radio" value="男"> <label>男</label></dd>
       <dd> <input name="sex" type="radio" value="女"> <label>女</label></dd>
        <dd id="dd_sex"></dd>
     </dl>
     <dl class="register_row">
        <dt>所在地区：</dt>
        <dd><select id="province"></select></dd>
        <dd><select id="city"></select></dd>
      </dl>
      <div class="registerBtn"><input id="registerBtn" type="image" src="images/register_btn_out.gif" onClick="check()"></div>
   </form>
  <script  src="JS/register.js"></script>
脚本文件中:
document.getElementById("myform").onSubmit="return check()";

Answer 1

document.getElementById('myform').onsubmit = function(e) {
var e = e || window.event;
if (e.preventDefault) e.preventDefault();
else window.event.returnValue = false;
}

Answer 2

我是在js中写了一个check()函数 用来验证表单,
我想在表单提交的时候先验证
 <form action="" method="" onsubmit="return check()">
</form><script type="text/javascript">
   function check(){ 
     if(...){
       //代码
      }
   }
</script>
这样的方法是可以的.
 但是我的脚本跟HTML文件时分开的 我想在脚本中得到from 这个对象 然后 用他的Onsubmie 事件,不知道怎么用 在Js中 form对象好像没有onsubmit

Answer 3

就这这么两种方法啊，一种是在html代码form标签中写<form onsubmit="return check();" ...>，然后在js文件中定义好check()函数；另一种就是一楼的代码那样，直接在JS中绑定指定form元素的onsubmit事件。两种方法的区别就是前一种只要check()函数返回false就能阻止表单提交，后一种需要通过event.preventDefault()（标准浏览器）或者window.event.returnValue = false;来阻止表单提交。