首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-06-13 
在单独的js脚本文件中怎么给HTML文件中form的onsubmit事件怎么设置HTML 文件中:form action methodp

在单独的js脚本文件中怎么给HTML文件中form的onsubmit事件怎么设置
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()";

[解决办法]

JScript code
document.getElementById('myform').onsubmit = function(e) {    var e = e || window.event;    if (e.preventDefault) e.preventDefault();    else window.event.returnValue = false;}
[解决办法]
就这这么两种方法啊,一种是在html代码form标签中写<form onsubmit="return check();" ...>,然后在js文件中定义好check()函数;另一种就是一楼的代码那样,直接在JS中绑定指定form元素的onsubmit事件。

两种方法的区别就是前一种只要check()函数返回false就能阻止表单提交,后一种需要通过event.preventDefault()(标准浏览器)或者window.event.returnValue = false;来阻止表单提交。

热点排行
Bad Request.