自定义表单input属性检查必填

最新推荐文章于 2024-12-29 16:53:30 发布

原创最新推荐文章于 2024-12-29 16:53:30 发布 · 7.3k 阅读

5 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于在表单提交前验证必填字段是否已填写。通过使用自定义属性required-self和tips-self，可以轻松地为每个输入字段设置验证逻辑。

/**
 * js 提交前判断必填
 * 陈勇土
 * 用法 <input type="text"  name="userCode" required-self="true" tips-self="请输入账号"  placeholder="请输入账号" maxlength="20" />
 */ 
 
 function checkSubmitRequired(){  
	   var result=true;
		$("[required-self]").each(function () { 			
			var requiredSelf=$(this).attr("required-self");	
		    if(requiredSelf!=undefined&&requiredSelf!=""&&requiredSelf=='true')	{	    	
		    	var val=$(this).val();		    	
		    	if(val==undefined||val==""){
 		    	var message=$(this).attr("tips-self");
 		    	 	prompt("请输入"+message);	
		    		result=false;
		    	}
		    }
		    return result;		
		}); 
		
		 return result;	
 }