当前位置: 首页 > 编程笔记 >

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

焦驰
2023-03-14
本文向大家介绍jquery实现表单验证并阻止非法提交,包括了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.自行完整的网页结构。

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

 类似资料:
  • 本文向大家介绍jquery实现简单的表单验证,包括了jquery实现简单的表单验证的使用技巧和注意事项,需要的朋友参考一下  jquery如何实现简单的表单验证,我们先跟大家分享一下实现思路。 大概思路: 先为每一个required添加必填的标记,用each()方法来实现。 在each()方法中先是创建一个元素,然后通过append()方法将创建的元素加入到父元素后面。 这里面的this用的很精髓

  • 本文向大家介绍jQuery EasyUI提交表单验证,包括了jQuery EasyUI提交表单验证的使用技巧和注意事项,需要的朋友参考一下 EasyUI的form表单里面的验证框,先讲解下validatebox类和相关的属性。 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email:匹配 email 正则表达式规则,系统提供的属性

  • 问题内容: 我正在使用带有一些客户端输入验证的angularjs编写一个简单的登录表单,以检查用户名和密码是否为空且长度不超过三个字符。请参见以下代码: 和控制器: 问题是即使输入无效,该函数也会被调用。有可能防止这种行为吗? 附带一提,我可以提到我也使用了bootstrap和requirejs。 问题答案: 你可以做: 无需控制器检查。

  • 本文向大家介绍jquery实现表单验证简单实例演示,包括了jquery实现表单验证简单实例演示的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现表单验证代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: 直接上插件实现代码了,围绕代码进行讲解比较容易点:    先来说一说实现原理:        首先定义好正则,和相应的提示信息,   加上自定义che

  • 本文向大家介绍jquery validate和jquery form 插件组合实现验证表单后AJAX提交,包括了jquery validate和jquery form 插件组合实现验证表单后AJAX提交的使用技巧和注意事项,需要的朋友参考一下 要实现表单验证和无刷新提交表单我们可以使用jQuery的两个很好用的插件——jquery validate.js 和 jquery form.js.具体详细

  • 本文向大家介绍jQuery Real Person验证码插件防止表单自动提交,包括了jQuery Real Person验证码插件防止表单自动提交的使用技巧和注意事项,需要的朋友参考一下 本文介绍的jQuery插件有点特殊,防自动提交表单的验证工具,就是我们经常用到的验证码工具,先给大家看看效果。 效果图如下: 使用说明 需要使用jQuery库文件和Real Person库文件 同时需要自定义验证