源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

[JavaScript] jquery实现表单验证并阻止非法提交

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2018-12-25 05:22:30 | 显示全部楼层 |阅读模式
本文给大家分享的是使用jquery实现表单验证并阻止非法提交的代码,思路非常不错,这里推荐给小伙伴们参考下。

代码检测textarea内填写的长度,未填写时提示需要重新填写,少于15字符时提示需要长于15字符,成功时显示所填写建议。

<script type="text/javascript">
//jQuery代码
function confirm()
{
  if($("#advice").val().length == 0)
{
  alert("We can't see your advice. Maybe you should fill the form first.");
  $("#advice").focus();
  return false;
}
else if($("#advice").val().length <= 15)
{
  alert("Your advice should longer than 15 letters.");
  $("#advice").focus();
  return false;
}
else
{
  alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
  return true;
}
}
</script>
<form action="" method="post" onSubmit="return confirm();" >
  <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea>
   <input type="submit"value="Thank you"/>
</form>

>关键点

1.必须要有onSubmit="return confirm();" return 这个词,不可缺少。
2.自行完整的网页结构。

以上所述就是本文的全部内容了,希望大家能够喜欢。

回复

使用道具 举报

0

主题

2万

回帖

120

积分

注册会员

Rank: 2

积分
120
发表于 2022-10-8 22:13:20 | 显示全部楼层
问问问企鹅哇哇哇哇哇
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

124

积分

注册会员

Rank: 2

积分
124
发表于 2023-1-31 19:35:28 | 显示全部楼层
的沙发水电费水电费
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-2-2 06:58:26 | 显示全部楼层
挺不错的东西
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

294

积分

中级会员

Rank: 3Rank: 3

积分
294
发表于 2023-8-28 20:23:43 | 显示全部楼层
哈哈哈哈哈哈哈
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-10-2 20:58:14 | 显示全部楼层
好人好人好人好人
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-14 09:30:11 | 显示全部楼层
撒旦撒旦撒擦擦擦擦
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-25 12:27:38 | 显示全部楼层
搞个免费的用用
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-4-11 19:21:09 | 显示全部楼层
非常vbcbvcvbvcb
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

59

积分

注册会员

Rank: 2

积分
59
发表于 2024-5-12 15:51:21 | 显示全部楼层
的谁vdvdsvdsvdsdsv
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-28 09:05 , Processed in 0.072882 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表