form表单提交信息,提交前判断输入框的内容,用onSubmit事件

在做页面的时候,提交信息到后台,我们都会用form表单直接把值传到后台,但是有的要在传值之前判断输入框的值是否符合要求,这样我们可以使用onSubmit事件

例:

<form action="queryType.do" method="post" name="form" onSubmit="return check(this);">
	<input type="text" id="user" name="user"/>	
	<input type="submit" value="提交"/>
</form>
<script>
    function check(form){
        if(form.user.value == ''){
              alert("用户名不为空");
              return false;
        }
        return true;
    }
</script>  

当点击提交按钮时,会先执行onSubmit事件 ,执行check()函数

当check()函数返回false的时候,form表单不会提交;

只有当check()函数返回true的时候,form表单 才会提交

转载于:https://www.cnblogs.com/dyy-dida/p/9109817.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本作业后端使用 springboot+mybatis,持久数据库使用 MySQL,前端使用 vue.js+element-ui 技术。使用后端分离架构,前端项目使用 vue-cli 脚手架创建单页面应用。 模块设计及实现 1. 会员模块 a) 会员列表:显示出当系统中所有已注册的会员信息 b) 查询:会员列表上方文本框可输入会员姓名或性别或 id 号进行查询 c) 登录:点击按钮进入会员卡界面,显示出会员卡列表 d) 注册:点击注册按钮进入注册页面,提交表单后,判断是否曾经注册过,在服务端写入数据库 e) 修改:点击列表中某一个会员项左侧修改按钮,可弹出一个模态窗口进行修改 f) 删除:点击列表中某一个会员项左侧删除按钮,在弹出确认对话框后,发送请求到服务端内删除数据 注: 数据表包含字段:username、password、name、sex、birthday 2. 会员卡模块 a) 会员卡列表:显示出当用户所持有的所有的会员卡信息及状态 b) 会员卡查询:根据 ID 号查询到当需要操作的会员卡 c) 注册:用户可以点击注册,每个用户可注册多个会员卡 d) 充值:在会员卡界面中,通过充值入口可以对会员卡余额进行充值,输入框输入金额,提交表单后在服务端修改数据库,同时将消费记录记录交易数据库中 e) 消费:在会员卡界面中,通过充值后的余额购买,在购买方式单选框中选择人民币,用户点击购买后,在服务端将相应金额从数据库中减去,同时将消费记录记录交易数据库中 f) 挂失:在会员卡界面中,可以通过挂失入口来对会员卡进行冻结,发起请求后,在服务端将数据库中的冻结字段设为 1 g) 解挂:在会员卡界面中,如果当正处于挂失状态,则显示出解挂入口,用户点击此入口后,发出请求,将冻结字段设为 0 h) 补卡:在会员卡界面中,如果当正处于挂失状态,则显示出补卡入口,重新进行注册会员卡,服务端查询出与会员信息对应的会员卡数据,将数据导入到新会员卡中 i) 积分兑换:电影票可以通过积分购买,弹出电影票购买窗口,在单选框中选择积分 j) 交易记录查询:在会员卡界面中,通过点击消费记录查询按钮,可以以表格形式显示出当用户所有记录 注: 会员卡数据表包含字段:cardid、username、balance、integral、lose 交易记录表字段:id、cardid、value、time、spendtype 3. 电影票模块 a) 商品信息列表:在会员卡列表中会员卡项左侧点击购买弹出电影票模态窗口,显示当所有电影票的商品信息 b) 购买:有两种购买选择方式:积分与余额,选择不同方式时,表单提交不同的 type,服务端对其进行判断,调用相应的业务逻辑 注: 电影票表字段:mobieid、name、price、integral、time 4. 会员关怀 a) 会员生日提醒:进入系统后,即判断时期是否是用户生日,如果是,则在会员名称显示生日祝福 b) 会员生日查询:可查询未来 7 天的哪些会员过生日,或者指定未来的某一天 c) 距离生日天数显示: 根据距离天数对列表进行正序排列 5. 数据统计

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值