解决方法: //作用于整个html中 function check(form) { //topic是input的id,descrip是textarea的id var topic = $("#topic").val().length; var descrip = $("#descrip").val().length; if(topic<3 || topic>15) { alert("话题不得小于3个字或大于15个字"); return…

form表单提交的几种方法 <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> <table> <tr> <td>姓名:</td> <td> <input type…

转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部流行的框架,如bootstrap,由于我负责的模块 仅仅是其中的一部分,因此少数服从多数,无奈只能抛弃bootstrap等提供的布局,样式以及验证等一些列如此方便的组件,(他们拒绝使用的原因也令人发省). 那么问题就来了. 二.设计理念 我们都知道,在抛开外部框架,仅仅用JS+css+html 去开…

一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 <input type=button name="submit1" value="登陆" onclick="check(this.form)"> 2.submit类型的input添加onclick函数,如果返回false,则继续处理事件,从而触发onsubmit函数:如果返回true,则停止处理事件. <input type=submit…

当表单提交时先触发验证的js代码,当验证表单的方法返回true时才会提交表单返回false则不提交数据<script type="text/javascript">function checkIP(){//js表单验证方法   var text=document.getElementById("url").value;//通过id获取需要验证的表单元素的值   if(text==""){//当上面获取的值为空时     alert(&…

市面上当然有很多成型的框架,比如jquery的validation插件各种吧.现在工作地,由于前端童鞋也没用这些个插件.根据业务的要求,自己就在代码里写了个简单的表单提交的检测代码(php的也写了一个哈哈),类也封装的不太完善,很多校验规则也没做,类里边对传入参数也没做啥改动,算是不健壮吧(主要自己不会坑自己,老实的该传什么就传什么了哈哈).业务上主要就是对表单字段的必填啊,类型啊,长度这些个限制. <script type="text/javascript" src="…

vue在做表单提交的时候,需要用到一些自定义的验证规则,这个时候就需要阻止表单默认的提交方式. 方法一:直接阻止 <form id="form" @submit="checkForm" action="" method="post"> 当前组件添加一个提交方法,在提交方法里面做阻止: // 提交测试 checkForm: function (e) { // 进行验证 验证通过就返回 true if(clickVal…

第一种方式 : 表单提交,在 form 标签中增加 onsubmit 事件来判断表单是否提交成功 <script type="text/javascript"> function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } else { alert(obj.value); return false; } } </script> <bod…

遇到过表单提交两次的情况,做个记录: 解决场景:首先是表单验证,其次是防止多次提交表单: jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索: 使用方法:首先在前端定义form表单,然后jQuery来处理验证和提交: <form id="application-form" class="form-horizontal"> <div class="rds panel panel-prim…

在研究表单的时候发现一个有意思的东西——在表单提交的时候如何保证数据全部提交完毕才会清空? 我们常用的<input type="reset" value="重置" />,或者jquery的$('input[name=xxx]')val(''),直接清空input的value值,都是单纯的直接清空,不会等待数据提交完毕后在清空,所以会有数据传输没完成就清空的情况,怎么解决? 搜索的时候发现一个答案——写一个回调函数,感觉不严谨.先记录下来,以后慢慢研究.…