Blogger Information
Blog 91
fans 2
comment 4
visits 127832
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
在form表单中增加required属性,添加表单验证
夏日的烈风的博客
Original
2964 people have browsed it

加入表单提交验证,有星号的不能为空

<input class="required" message="请上传医生图片" type="hidden" id="imgurl" name="" >

<script>
   $(function(){
       $("#myform").submit(function(){
           var isOk=true;
           $("form .required").each(function(){
               var val=$(this).val();
               var message=$(this).attr("message");
               var type=$(this).attr("type");
               if(!val){
                   //判断隐藏域
                   if(type=="hidden")
                   {
                       $(this).next().focus();
                       $(this).next().next().html(message);
                   }
                   else{
                       $(this).focus();
                       $(this).next().html(message);
                   }
                   isOk=false;
                   return false;
               }

           });
           return isOk;
       })
       $(".required").blur(function(){
           var val=$(this).val();
           var message=$(this).attr("message");
           if(val)
           {
               $(this).next().html("");
           }
           else
           {
               $(this).next().html(message);
           }
       })
       $(".upload").blur(function(){
           $(this).next().html("");
       })
   })
</script>

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
夏日的烈风 2018-05-16 13:45:31
不错啊,很实用
1 floor
Author's latest blog post