jQuery校正form参数是否非空

原创于 2013-04-26 19:11:23 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #jquery #form #ViewUI

本文介绍了一个使用jQuery实现的表单提交前的数据验证方法。通过分析表单元素，确保所有必填字段都已填写，否则将阻止表单提交并提示用户。此方法适用于需要简单前端验证的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<form id="addUpAdsForm" enctype="multipart/form-data" method="post">


<tr bgcolor="#ffffff">
        				<td height="32px" bgcolor="#f3f3f3" style="border:none;">
    						<button id="addUpAdsButton" class="green_btn">增加</button>
    					</td>
        			</tr>
        		</table>
			</form>


jQuery("#addUpAdsButton").click(function(){
		var formValue = jQuery("#addUpAdsForm").serialize();
		if(null != formValue && "" != formValue){
			var arrKVal = formValue.split("&");
			for(var i = 0; i < arrKVal.length; i++){
				var arrVal = arrKVal[i].split("=");
				var element = jQuery("input[name='"+arrVal[0]+"'],select[name='"+arrVal[0]+"']");
				if(element.attr("type") != "hidden"){
    				if(null == arrVal[1] || "" == arrVal[1]){
    					element.focus().click();
    					return false;
    				} 
				}
			}
		}

		// 提交表单增加新的数据
		jQuery("#addUpAdsForm").attr("action", _LEFT_STAGE.pageUrl.insertAdsUrl).submit();
	});