确认必须字段不留空

如果我们有一个文本输入字段，请确保字段不留空白。如果用户没有在必须字段中输入数据，那么我们应该及时提醒用户，使用户填上相关的信息。

首先我们建立一个表单。

<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$('.s2').hide();
$('.submit').click(function(event){
var data=$('.i1').val();
var len =data.length;
if(len<1){
$('.s2').show();
event.preventDefault();
}
else {
$('.s2').hide();
}
});
$('.i1').focus(function(){
$('.s2').hide();
});
});
</script>




  
  

   
   

    
    

     
     Name:

     
     

     
     cannot be blank
    
    





  
  

在这个例子中，如果文本框内的长度小于1，则说明了用户没有在必填的文本框内填入数据，此时我们应该让浏览器自行提醒用户，及时输入数据。或者$('.i1').val()==' '也可以达到判断文本框是否为空的作用的。

event.preventDefault()可以阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。