前端效验输入的字段,url的正确性,非onblue方式

最新推荐文章于 2023-12-08 14:29:29 发布

Wu_Application

最新推荐文章于 2023-12-08 14:29:29 发布

阅读量479

点赞数

本文链接：https://blog.csdn.net/Wu_Application/article/details/83751557

版权

需要验证的字段

                <tr>
                    <td>名字</td>
                    <td><input name="namee" class="easyui-textbox" data-options="required:true" validType="namee"/></td>
                </tr>
                <tr>
                    <td>URl</td>
                    <td><input name="url" id="url" class="easyui-textbox" data-options="required:true" validType="url"/></td>
                </tr>

验证代码:

<script type="text/javascript" charset="utf-8">
$.extend($.fn.validatebox.defaults.rules, {
    namee: {
		validator: function(value,param){
			var reg =/^[0-9a-zA-Z_:]{1,}$/;
			return reg.test(value);
		},
		message: 名仅支持数字、字母、下划线！'
    },
    url:{
    	validator:function url(value,param){
    		var strRegex = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/|www\.|[wW][sS]:\/\/)(([A-Za-z0-9-~_:]+)\.)+([A-Za-z0-9-~_:\/])+$/;
   			return strRegex.test(value); 
   		},
   		message:  ' 正确的URL! '
    }
});
</script>