转载: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="…

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

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

在一个html和php混编的文件中,用到js提交表单的方法: 定义表单id为form1,提交按钮type为submit, var data_info = document.getElementById("form1"); data_info.action="test.php?action=login"; data_info.submit(); 这样就把form1表单的数据提交到test.php,可以再通过$_GET['action']进入login方法中了.…

方式一: 使用input type="submit" 提交 <form action="http://www.w3school.com.cn/tiy/loadtext.asp" onsubmit="return false;"> <input type="text" name="userName" /> <input type="submit" />…

通过使用form的onsibmit来控制是否提交数据 返回值为真是提交,其他不变,示例如下: JS部分 function check() { var newPwd = document.getElementById("newPwd"); var confirmNewPwd = document.getElementById("confirmNewPwd"); if (newPwd.value == confirmNewPwd.value) return true;…

$.extend({ StandardPost:function(url,args){ var form = $("<form method='post' target='_blank'></form>"), input; form.attr({"action":url}); $.each(args,function(key,value){ input = $("<input type='hidden'>");…