本文分享的这段表单验证代码，主要是判断输入框是否为空，适合学习jquery的朋友作为入门参考。

效果图，如下：

代码：

Jquery表单验证-Validate empty fields-www.

body{font-family:"Trebuchet MS",verdana;width:450px;}
.error{ color:red; }
#info{color:#008000;font-weight:bold; }





Personal



Name:* 



Address:* 



City: 



Country:* 














$(document).ready(function(){
var dataValid=false;
$('#info').html('');//将结果提示也设置为空；
$('.required').blur(function(){//对于required类的元素，如果失去焦点了，则....
var cur=$(this);//获取当前元素
cur.next('span').remove();//将错题提示的给移走
if($.trim(cur.val())=='')
{//判断如果输入为空；
   cur.after('Mandatory field!');//则在输入框后添加错题提示信息；
   dataValid=false;
}else{dataValid=true;}
});
  $('#check').click(function(){//点击了Check按钮之后，执行....
if(dataValid)
{
$('#info').html('Validation OK');//提示通过验证
}});
});

您可能感兴趣的文章: