html中验证表单是否为空,前端验证 给form表单绑定事件 jQuery判断表单是否为空 jQuery验证表单数据...

JQUERY判断FORM表单是否为空

功能：通过jquery判断form表单中是否有内容还未填写，如果有未填写的，则阻止提交

$(function () {

$('form').bind('submit',function () { //给form标签绑定submit事件

var i=0;

$("input").each(function(){ //遍历input标签，判断是否有内容未填写

var vl=$(this).val();

if(vl==""){

i=1;

}

});

var t=$('textarea').val(); //判断textarea标签是否填写

if (t=='') {

i=1;

}

if (i==1) { //如果有未填写的，则return false阻止提交

alert('请将信息填写完整');

return false;

}

});

});

前端验证是给用户更好的体验，但后台验证才是安全把关必不可缺的哈！

浏览器关了JavaScript 你就知道前端的不可靠了，举例Chrome浏览器

地址栏输入：chrome://settings/content/javascript

进入JavaScript 禁用设置，设置一下就知道网站表单验证做的是否合格了。