用value做提交表单

本文介绍了一个使用JavaScript实现的表单提交过程,通过value值判断表单内容,如标题和内容的长度,利用layer弹出提示。利用if语句检查用户输入,确保标题和内容的填写符合要求,最后展示成功的提示。
摘要由CSDN通过智能技术生成

用value做提交表单

想法:做出类似论坛提交的页面
用if来判断提交时的事件
总结:layer的弹出对使用便利
If的判断极为重要
难点:如何将value判断
提交时vlaue如何触发事件
效果:提交论坛时会判断内容
弹出相应提示
注意:value值的判断不能弄错
Onsubmit事件是当表单提交时执行 JavaScript(不支持IE8)
总过程:
用div包裹form表单
Form表单给与点击事件
Input用vlaue值返回结果
用if语句判断相应结果
输出结果;
过程:
HTML部分:
在这里插入图片描述

创建包裹层div
在建立一个form表单里面onsumibt事件
可以提交表单时前往js判断
并接受返回数据
Input来接收内容
Value值要跟对应的对的上
建立一个button用来提交
Js部分
在这里插入图片描述

引入jq和layer
这里解释下
layer:
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员
是完全免费的,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值