在頁面   很多時候都會用到非空驗證  驗證的方式各種各樣  有原生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