正在读取中...

广告正在读取中...

当前位置:首页 > JS代码 > 表单按钮

JS提交表单弹出确认框效果一

所属栏目:表单按钮 时间:2013-08-06 来源:网络 作者:不详 次围观 次下载

如网站留言反馈等等提交表单时,希望点提交按钮时弹出确认框,点确认提交才提交,而不是直接提交。

一方面,也是为了提醒网站访客是否填写完整了。

另一方面,也在一定程序上阻止注册机等恶意提交表单。




1、在表单模板里添加以下JS代码:

<script language="Javascript">
function validator()
{
  if(confirm("确认要提交本表单吗?")==true)
    return true;
  else
    return false;
}
</script>

2、表单加上以下代码:

onsubmit="return validator()

例如:

<form id="form1" name="form1" method="post" action="/16css.php" onsubmit="return validator()">

JS代码里的 validator 就是表单里的 validator 保持一致即可。


代码非常简单,因此不再提示演示及下载...

具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

猜你喜欢

共有 条评论

给个评价吧

验证码:

正在读取中...

下载最多的

1移动端表单验证插件 - mobileValidate

移动端表单验证插件 - mobileValidate

2jQuery优秀的select美化代码插件

jQuery优秀的select美化代码插件

3Select2实现的带搜索的省市区三级联动代码

Select2实现的带搜索的省市区三级联动代码

4jquery购物车数量加减JS插件

jquery购物车数量加减JS插件

5可设默认值的纯js省市县三级联动选择代码

可设默认值的纯js省市县三级联动选择代码

6jQuery弹出框多选联动菜单JS代码

jQuery弹出框多选联动菜单JS代码

7jqTransform - jQuery表单美化插件 - 美化select/input/radio/textarea/checkbox

jqTransform - jQuery表单美化插件 - 美化select/input/radio/textarea/checkbox

8html5手机日历控件 触屏滑动日期选择器

html5手机日历控件 触屏滑动日期选择器

9仿搜狗首页jQuery搜索框样式代码

仿搜狗首页jQuery搜索框样式代码

10点击表情添加表情符到文本框中

点击表情添加表情符到文本框中

正在读取中...

最近更新的

1jQuery手机移动端页面购物车选择商品结算JS代码

jQuery手机移动端页面购物车选择商品结算JS代码

2nice validator - 领先的表单验证解决方案

nice validator - 领先的表单验证解决方案

3大气简洁的登录注册特效

大气简洁的登录注册特效

4jquery弹出职业等多选框

jquery弹出职业等多选框

5jquery input text文本框商品数量增加或减少

jquery input text文本框商品数量增加或减少

6jQuery滑动解锁登验证码表单登录代码

jQuery滑动解锁登验证码表单登录代码

7登陆界面

登陆界面

8移动端表单验证插件 - mobileValidate

移动端表单验证插件 - mobileValidate

9必须勾选同意才能提交表单的JS代码

必须勾选同意才能提交表单的JS代码

10html5手机日历控件 触屏滑动日期选择器

html5手机日历控件 触屏滑动日期选择器