jQuery client side validation in to avoid duplicate value

See more:

Javascript

jQuery

struts

JQGrid

Hello, I've a grid like

<div id="GridContainer">
		<s:url id="loadGridURl" namespace="/workflow" action="getAll" />
		 <sjg:grid 
		 	id="PROCESS_LIST_GRID"
		 	autowidth="true"
		 	caption="Process List"
			dataType="json"
			filter="true"
			filterOptions="{searchOnEnter : false}" 
			gridModel="gridData" 
			height="'223px'"
			href="%{loadGridURl}"
			loadonce="true" 
			pager="true"
			rowNum="10"
			rowList="10,20,30" 
			rownumbers="true" >
									
		<sjg:gridColumn name="processName" index="processName" title="Process Name" search="true"
                searchoptions="{sopt:['cn']}"/>
		<sjg:gridColumn name="description" index="description" title="Description" search="false" />	
		<sjg:gridColumn name="createdDate" index="createdDate" title="Create Date" search="false" />
	        <sjg:gridColumn name="id" title="Action" formatter="processModifyDelete" search="false"/>
	        
		</sjg:grid>
		</div>

, in which I'm adding some processes names through

<sj:textfield name="workflowProcess.processName" id="PROCESS_NAME" cssClass="input_txt required" ></sj:textfield>

. And for submission I'm using

<sj:submit/>

. Now I need a client side validation, such that if I try to add another process with the same name to grid, it should give a field error. Pls help. Thanks in advance :)