前端：简述表单提交前如何进行数据验证

通常在提交表单数据时，我们会对数据进行验证，例如某些字段是必填字段，不能为空，这时应该如何做呢？有如下三种方法：

一、在button的submit事件进行判断

<button type="submit">提交</button>

function isEmpty(obj){if(typeof obj == "undefined" || obj == null || obj == ""){return true;}else{return false;}
}("#form").bind("submit",function(){var username= $.trim($("#username").attr("value"));if(isEmpty(username)){  alert("username不能为空。");return false;}else {return true;}
});

二、在form的onsubmit事件判断

注意： o nsubmit=“return false”为不执行提交；o nsubmit=“return true”或o nsubmit=“return ”都执行提交。

<form id="form" method="post" action="......"  o nsubmit="return check()">

function isEmpty(obj){if(typeof obj == "undefined" || obj == null || obj == ""){return true;}else{return false;}
}function check(){  var username= $.trim($("#username").attr("value"));if(isEmpty(username)){  alert("username不能为空。");return false;}else {return true;}
}

三、去掉submit类型button，直接用普通button

<button type="button"  o nclick="check()">提交</button>

function isEmpty(obj){if(typeof obj == "undefined" || obj == null || obj == ""){return true;}else{return false;}
}function check(){  var username= $.trim($("#username").attr("value"));if(isEmpty(username)){  alert("username不能为空。");}else {document.getElementById("form").submit();}
}

前端：简述表单提交前如何进行数据验证相关推荐

Jquery中实现表单提交前的校验
场景为了安全,通常要进行前端校验和后端校验. 前端校验一般在表单提交前实现. 实现 form表单元素添加onsubmit事件 <form id="book" action= ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
html表单提交前验证,jquery表单提交前实现同步验证（附代码）
jquery表单提交前实现同步验证 .int{ height: 30px; text-align: left; width: 600px; } label{ width: 200px; margin- ...
form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
JS控制submit表单提交前进行预览和confirm确认提交
JS控制submit表单提交前进行预览和confirm确认提交. 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交, ...
html表单提交前检查,form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
html form表单提交前验证
可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验. onsubmit指定的方法返回true,则提交数据:返回false不提交数据. <HTML>& ...
前端form表单提交的方式
1.无刷新页面提交表单表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称, form提交目标位当前页面ifram ...

前端：简述表单提交前如何进行数据验证

前端：简述表单提交前如何进行数据验证

一、在button的submit事件进行判断

二、在form的onsubmit事件判断

三、去掉submit类型button，直接用普通button

前端：简述表单提交前如何进行数据验证相关推荐

最新文章

热门文章