jQuery的validate判断字段为不为空 验证表单

在页面   很多时候都会用到非空验证  验证的方式各种各样  有原生js的alert提醒,也有jQuery的validate,不过后者比前者更好一些

我先说一下写法  上图

​
$(function(){
		$("#form-article-add").validate({
			rules:{
				name:{
					required:true,
				},
				homepage:{
					required:true,
				},
				sort:{
					digits:true,
				},
				photo:{
					required:true,
				},
				banner:{
					required:true,
				},
				details:{
					required:true,
				}
			}
		});
});

#号后面跟的是from表单的id   这样写了以后  提交表单的时候  如果为空则不会提交  提醒用户输入  中间这个

sort:{
	  digits:true,
},

是验证输入的是否是数字的  这个验证在菜鸟教程上都有  jQuery的validate验证  里面有大部分的验证  希望对你有帮助

不过我还是想扯点题外话  现在我用的是ajax+layui做的验证,页面效果什么的,比这个效果好多了 

我写页面上的验证的过程就是这样    原生js--->jQuery--->ajax+layui

猜你喜欢

转载自blog.csdn.net/qq_39234410/article/details/83509455