博客列表 >在form表单中增加required属性,添加表单验证

在form表单中增加required属性,添加表单验证

夏日的烈风的博客
夏日的烈风的博客原创
2018年05月16日 13:45:052963浏览

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

<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>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
夏日的烈风2018-05-16 13:45:311楼
不错啊,很实用