提交表单时执行func方法

最新推荐文章于 2022-06-09 19:50:25 发布
最新推荐文章于 2022-06-09 19:50:25 发布
阅读量105 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/haoyuanyuan/archive/2013/03/14/2959235.html
版权 
<%@ 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 οnlοad="document.form1.username.focus()">
 <form id="form1" name="form1" method="post" action="" οnsubmit="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>

 

转载于:https://www.cnblogs.com/haoyuanyuan/archive/2013/03/14/2959235.html

weixin_30538029
关注
antd提交表单_Antd Form 实现机制解析
weixin_42345731的博客
12-31 1457
背景在中后台业务中，表单页面基础的场景包括组件值的收集、校验和更新。在 to B 业务中，表单页面的需求往往更复杂和定制化，除了上述的基本操作，还要处理包括自定义表单组件、表单联动、表单的异步检验等复杂场景，在一些大型表单页面中还要考虑性能的问题，表单页面的需求往往是新同学摔得第一个跤。本文分为两个部分，第一部分会通过对 Antd Form 源码的分析来帮助大家对 Form 的整体设计和流程有一个...
提交表单的几种方法
jaedons的博客
09-29 981
1.   通过提交按钮控制表单提交             function check(form) {           if(form.userId.value=='') {                 alert("请输入用户帐号!");                 form.userId.focus();                 return false;
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法
weixin_37211894的博客
03-21 4万+
layui使用官方的表单模块form.on('submit(sub)',function (){}) 提交，使用ajax请求向后台请求一个执行结果，根据结果进行处理，出现回调无法执行，并且页面出现了刷新 之前也遇到过这个问题，直接使用将form标签修改成了div，通过jquery为提交按钮添加点击事件，而不用submit提交表单。 今天在为毕设添加修改密码的功能的时候，再次遇到了这个问题，刚好...
JavaScript 学习-42.jQuery 提交表单 submit() 方法
qq_27371025的博客
06-09 7991
submit() 方法不带参数，就是触发 submit 事件，带function 参数，就是执行 submit 事件时运行的函数。通过 jquery 的submit() 方法，可以出发submit 事件form表单
提交表单时执行一个函数
博客
07-02 3339
谷歌浏览器支持 &lt;input id="btnSubmit" class="btn btn-primary btn-cube" type="submit" value="保 存" onclick="complete();" /&gt; 在ie中不支持。通过jquery.validate验证表单的validate方法...
提交表单时执行func方法实现代码
10-27
本篇文章关注的是在提交表单时如何调用JavaScript函数`func`来执行验证。这里以一个具体的例子——用户注册表单为例，介绍如何在表单提交前执行自定义的`MyForm`函数。 首先，我们需要创建一个HTML表单，该表单包含...
使用layui前端框架弹出form表单以及提交的示例
10-16
`func7`函数使用layui的`layer.open`方法来创建一个新的页面层，其中`content`参数是表单的URL。当用户填写完表单并提交时，可以使用Ajax进行后台数据处理。 ```javascript function func7() { layer.open({ type...
jQuery实现数秒后自动提交form的方法
10-24
在当前的互联网应用开发中，自动提交表单是一种常见的需求，尤其是在文件下载、表单验证等场景。jQuery作为一个快速、小巧、功能丰富的JavaScript库，使得操作DOM和处理Ajax变得异常简单。本文介绍了如何利用jQuery...
jquery form表单提交成功，回调方法
沈荣荣的博客
02-03 2万+
先下载  jquery-form.js   [#assign security=JspTaglibs["http://www.springframework.org/security/tags"] /] 用户解禁 [#include "/console/include/resources.ftl" /] $
submit响应函数 html,利用ajaxSubmit()实现Form表单submit()提交后的回调函数
weixin_39694838的博客
06-22 1310
1圈调直年情，量的单框来离理这接法清都的为、引入JQuery Form需朋朋支带不新器功几的事上为做的和时意后表单的js2.设置相应遇新是直朋能到分览的参数$(function(){// 1.基本参数设置var options = {type: 'POST', // 设置表单提交方式url: "${ctx}/jinzhu/dtUser/save", // 设置表单提交URL,默认为表...
关于form与表单提交操作
梦和远方的博客
05-06 1961
一个表单里面只要有form元素，如果没有给action加一个默认值，为空白的时候，当你刷新页面时，会弹出一个警告框提示你已经填入表单，刷新数据将会丢失。 如果一个表单里面有一个type="submit"的button、或者type="submit"的input，或者type="image"的input，点击则会触发表单提交动作。即使你使用了return false，按钮也还是会提交submit...
from提交并执行函数
幻影阿飛
07-03 1789
from表单&lt;form id="form1" class="layui-form" action="/adactivity/updateActivity" method="post"&gt; //省略表单内容。。。。。 &lt;div class="layui-form-item"&gt; &lt;div class="layui-input-b
Form表单事件提交的几种方法
weixin_49756432的博客
06-07 3989
表单事件的提交分为同步提交和异步提交。 form属性:规定输入域所属的一个或多个表单。 注释：form 属性适用于所有 <input> 标签的类型。 form 属性必须引用所属表单的 id： 3.禁用表单自动提交方式：onsubmit=”return false;” 4.用javaScript方法来实现表单数据的获取和提交： ”get”: 可以通过形参的方式去接收。 1先在控制器中声明一个方法，再声明一个变量去接收用字符串拼接起来的属性值。 ...
关于form表单提交的方式和注意点
pj_me
01-25 9087
总结一下关于表单提交的几种方式： 一、使用&lt;input type="submit"&gt; 直接提交表单 &lt;form id="form1" action="/test" method="post"&gt; &lt;label for="users"&gt;用户名：&lt;/label&gt; &lt;
关于form提交表单和onclick事件的触发
热门推荐
心静、世界就静
10-09 4万+
表单提交和onclick事件的执行
$("form").submit()与$("form").submit(function(){ return true })的区别！
qq_38650613的博客
06-13 7458
$("form").submit()：一般用于网页中,最简单的提交。也就是说只会提交当前网页表单中存在的数据       而$("form").submit(function(){ return true })算是有JQuery脚本包装的表单提交。当返回ture时,则代表提交表单。当然,这只是其中之一的功能，今天才了解到还有另外一个功能。那就是提交缓存功能。      因为要使用kindedito...
Vue.js基础教程：数据绑定与表单渲染实例解析
在处理表单提交时，可以通过`v-on`指令监听`submit`事件，然后使用`event.preventDefault()`阻止默认的表单提交行为，转而通过Vue实例的方法处理数据。 Vue.js的基础指令和数据绑定机制使得开发者能轻松地创建动态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值