提交表单前用JQ验证
2017-10-26 18:12
225 查看
HTML页面
<form method="post" id="order_form" name="order_form" action="/buy/step/order_post">
<input type="hidden" name="default_address_id" id="default_address_id" value="<{$default_address_info.address_id}>">
<input type="submit" value="提交订单" name="submit" id="order_submit">
然后JQ部分
//点击提交按钮
$('#order_submit').click(function () {
//检测
//地址是否填写
if($('#default_address_id').val()==''){
alert('还没有填写地址');return false;
}
//检测通过,提交处理
//alert('点击了提交按钮');
$('#order_form').submit();
});
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
记录一下,怕以后忘记了。
<form method="post" id="order_form" name="order_form" action="/buy/step/order_post">
<input type="hidden" name="default_address_id" id="default_address_id" value="<{$default_address_info.address_id}>">
<input type="submit" value="提交订单" name="submit" id="order_submit">
然后JQ部分
//点击提交按钮
$('#order_submit').click(function () {
//检测
//地址是否填写
if($('#default_address_id').val()==''){
alert('还没有填写地址');return false;
}
//检测通过,提交处理
//alert('点击了提交按钮');
$('#order_form').submit();
});
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
记录一下,怕以后忘记了。
相关文章推荐
- Jq form表单提交验证与响应简单示例
- form表单提交前通过jq验证(ajax特别说明,return true失效)
- JQ表单验证
- 提交表单信息常用格式验证,防止冒泡,移动端避免键盘挡输入框,取消回退(持续更新)
- 提交时验证表单是否合法
- jq 表单验证类
- 简单的反馈表单无刷新提交带验证
- 常见表单重复提交问题整理及解决方法-点击链接加入群【农产品一体化解决方案】:https://jq.qq.com/?_wv=1027&k=49BAOCe
- ajax提交表单 验证
- tp表单的提交与验证
- 【JSP】表单提交与表单验证
- jquery---------ajax+validate表单异步提交验证
- 如何实现表单提交时,验证两次密码是否一致
- layer表单验证与提交
- ext表单验证问题---验证是否可以提交
- 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结
- jquery提交表单时验证字段值的写法
- 在表单提交前进行验证的几种方式
- struts对提交的表单进行验证
- jquery 在提交表单的时候验证checkbox是否选中