javascript表单事件_js 表单提交触发其他事件-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_29998777/article/details/51010399
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript">
        function check_submit()
        {
          if($("text_user_name").value=="")
          { 
            alert("请输入用户名！") ;
            return (false);
          }
          if($("text_user_pass").value=="")
          {
            alert("请输入密码！");
            return(false);     
          }
          if($("text_usre_pass_confirm").value=="")
          {
            alert("请输入确认密码！");
            return(false);
          }
          $("submit_botton").disabled = true;
           return(false);
          }
          function $(str)
          {
            return(document.getElementById(str));
          }
          //当鼠标在对象上移动时
          function mover()
          {
          //设置或获取触发事件对象  文本框对象focus方法将焦点移到该文本框 select方法选择该文本框内容 
             event.srcElement.focus();
             event.srcElement.select();
          }
         //档鼠标单击操作时
          function mclick()
          {
            if(event.srcElement.value()=="用户名")event.srcElenment.value=="";
          }
          //当对象失去焦点时
          function mblur()
          {
             if(event.srcElement.value()=="")event.srcElenment.value=="用户名";
          }

    </script>
  </head>
  <body style="overflow: auto">
    <form action="#" οnsubmit="return check_submit();">
          用户名：<br/><!-- onclic为鼠标单击操作事件  onblur为对象失去焦点  onmousemove为鼠标在对象上移动 -->
         <input type="text" id="text_user_name" οnmοusemοve="mover()" οnclick="mclick()" οnblur="mblur()" value="用户名"><br>
         密码 ：<br>
         <input type="password" id="text_user_pass" οnmοusemοve="mover()" value="密码"><br>
    确认密码：<br>
         <input type="password" id="text_user_pass_confirm" οnmοusemοve="mover()" value="确认密码">
         <br>
         <input type="submit" value="提交" id="submit_button">          
    </form>
  </body>
</html>