两种表单提交验证方法
来源:互联网 发布:郑州关键词优化 编辑:程序博客网 时间:2024/05/21 11:27
1.直接绑定id进行判断
<form action="" method="get"><div class="lfs_list"><span>Appid:</span><input type="text" name="Appid" class="lfs_list_input" placeholder="*必填"></div><div class="lfs_list"><span>AppSecret:</span><input type="text" name="AppSecret" class="lfs_list_input" placeholder="*必填"></div><div class="lfs_list"><span>pid:</span><input type="text" name="pid" class="lfs_list_input" placeholder="*必填"></div><input type="submit" name="" class="lfs_list_submit" value="成为淘宝客" id="submitform"></form>js:
$('#submitform').on('click',function(){var appid=$('input[name="Appid"]').val();var AppSecret=$('input[name="AppSecret"]').val();var pid=$('input[name="pid"]').val();if (appid==''||appid==null){alert('appid不能为空');return false;}if (AppSecret==''||AppSecret==null){alert('AppSecret不能为空');return false;}if (pid==''||pid==null){alert('pid不能为空');return false;}return true;})
2.onsubmit事件无法触发,使用绑定按钮点击事件代替
<form action="" method="get" onsubmit="return check();"><div class="lfs_list"><span>Appid:</span><input type="text" name="Appid" class="lfs_list_input" placeholder="*必填"></div><div class="lfs_list"><span>AppSecret:</span><input type="text" name="AppSecret" class="lfs_list_input" placeholder="*必填"></div><div class="lfs_list"><span>pid:</span><input type="text" name="pid" class="lfs_list_input" placeholder="*必填"></div><input type="submit" name="" class="lfs_list_submit" value="成为淘宝客" id="submitform"></form>js:
//onsubmit事件无法触发,使用绑定按钮点击事件代替 function check() {var appid=$('input[name="Appid"]').val();var AppSecret=$('input[name="AppSecret"]').val();var pid=$('input[name="pid"]').val();if (appid==''||appid==null){alert('appid不能为空');return false;}if (AppSecret==''||AppSecret==null){alert('AppSecret不能为空');return false;}if (pid==''||pid==null){alert('pid不能为空');return false;}return true;
}
阅读全文
0 0
- 两种表单提交验证方法
- 表单提交的两种方法
- Js提交表单的两种方法
- 表单验证后提交 两种方式 2016/07/10
- Angualrjs 表单的两种验证(失去焦点验证和点击提交验证)
- webBrowser,控制页面、提交表单的两种方法
- [zz]提交网页表单的两种方法
- 使用webBrowser 提交表单,控制页面的两种方法
- 两种阻止提交表单(form)的方法实现
- js防止表单重复提交的两种方法
- ajax提交form表单的两种方法
- form表单提交到servlet的两种方法
- 使用js提交form表单的两种方法
- 使用js提交form表单的两种方法
- form表单提交到servlet的两种方法
- 表单提交总结(一):表单的提交及验证方法
- 利用JS提交表单的几种方法和验证
- 利用JS提交表单的几种方法和验证
- Javascript中抽象相等比较算法
- 多界面传值
- 杭电acm2026首字母大写
- 【NOIP模拟8.13】
- hdu 6119 小小粉丝度度熊(合并区间+模拟)
- 两种表单提交验证方法
- poj 1088 滑雪(DFS+记忆化搜索)
- dhcp搭建 补充(1)
- 如何掌握所有的程序语言
- HTMl5的sessionStorage和localStorage
- hdu 6112 今夕何年(模拟)
- JVM结构解析
- 航信概要设计-5
- 前后端分离的意义以及对前端工程化的理解