zoukankan      html  css  js  c++  java
  • 提交表单时执行func方法

    <%@ page contentType="text/html; charset=utf-8"%>
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>用户注册</title>
     <script language="javascript">
     <!--
      function MyForm(){
         msg.innerHTML="debug::in function";
        var username = document.form1.username.value;
        var msg = document.getElementById("msg");
        if(username.length==0){
            msg.innerHTML="[ 提示:用户名不能为空! ]";
            document.form1.username.focus();
        return false;
        }
    
        var pass = document.form1.password.value;
        if(pass.length==0){
            msg.innerHTML="[ 提示:密码不能为空! ]";
            document.form1.password.focus();
        return false;
        }
        
        var pass1 = document.form1.password1.value;
        if(pass1.length==0){
            msg.innerHTML="[ 提示:确认密码不能为空! ]";
            document.form1.password1.focus();
        return false;
        }
        
        if(pass1!=pass){
            msg.innerHTML="[ 提示:您两次输入的密码不一致! ]";
            document.form1.passwoid.focus();
        return false;
        }
        
        var mail = document.form1.mail.value;
        if(mail.length==0){
            msg.innerHTML="[ 提示:E_mail不能为空! ]";
            document.form1.mail.focus();
        return false;
        }
        
        var i = form1.mail.value.indexOf("@");
        var j = form1.mail.value.indexOf(".");
        if((i<0)||(j<0)||(i-j>0))
        {
            msg.innerHTML="[ 提示:您输入的E_mail格式不正确,请正确输入! ]";
            document.form1.mail.focus();
        return false;
        }
        msg.innerHTML="";
        return true;
     }
     -->
    
     </script>
     </head>
    
     <body onload="document.form1.username.focus()">
     <form id="form1" name="form1" method="post" action="" onsubmit="return MyForm()">
     <table width="389" border="1" align="center" cellpadding="5">
         <tr>
           <td colspan="2"><div align="center">用户注册<br /></div></td>
         </tr>
         <tr>
          <td colspan="2" align="center" bordercolor=""
     bgcolor="">
     <font color="red"><span id="msg">${error}</span> </font>
     </td>
         </tr>
         <tr>
           <td width="71">用户名:</td>
           <td width="286"><label>
             <input name="username" type="text" id="username" size="20" />
           </label>
           *(必填)</td>
         </tr>
         <tr>
           <td>用户密码:</td>
           <td><label>
             <input name="password" type="password" id="password" size="20" />
           </label>
             *(必填)</td>
         </tr>
         <tr>
           <td>重复密码:</td>
           <td><label>
             <input name="password1" type="password" id="password1" size="20" />
           </label>
           *(必填)</td>
         </tr>
         <tr>
           <td>电子邮件:</td>
           <td><label>
             <input name="mail" type="text" id="mail" size="25" />
           </label>
           *(必填)</td>
         </tr>
         <tr>
           <td>电话:</td>
           <td><label>
             <input name="tel" type="text" id="tel" size="22" />
           </label></td>
         </tr>
         <tr>
           <td>QQ:</td>
           <td><label>
             <input name="qq" type="text" id="qq" size="22" />
           </label></td>
         </tr>
         <tr>
           <td colspan="2"><label>
               <div align="center">
                 <input type="submit" name="Submit" value="注册" /> 
        
                 <input type="reset" name="Submit2" value="重置" />
                   </div>
           </label></td>
         </tr>
       </table>
     </form>
     </body>
     </html>
    
    分享知识是一种快乐也是一种进步========转载请注明出处===========
  • 相关阅读:
    web服务之NginX介绍
    LVS介绍以及工作模式案例
    sersync 实现实时数据同步
    Java高并发20-并发包中锁原理解析(二)
    Java高并发19-并发包中锁原理解析(一)
    从零开始学VUE之VueRouter(导航守卫)
    从零开始学VUE之VueRouter(传递参数)
    从零开始学VUE之VueRouter(嵌套路由)
    从零开始学VUE之VueRouter(路由懒加载)
    从零开始学VUE之VueRouter(动态路由)
  • 原文地址:https://www.cnblogs.com/haoyuanyuan/p/2959235.html
Copyright © 2011-2022 走看看