Validação do lado do cliente Básico

									
										$render=explode(" ",$_POST['partial_render']);
											
										$resposta='
											<table id="grid" cellpadding="7">
												<tbody>
													<tr>
														<td><label for="name">Name:</label></td>
														<td><input id="name" name="name" type="text" value="'.$_POST['name'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " aria-required="true" data-p-label="Name" data-p-required="true" />
															<script id="name_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_name", {
																	id: "name"
																});
															</script>
														</td>
														<td>
															<div id="alerta:name" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="name" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:name_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_name", {
																	id: "alerta:name"
																	, target: "name"
																});
															</script>
														</td>
														<td>'.$_POST['name'].'</td>
													</tr>
													<tr>
														<td><label for="number">Número:</label></td>
														<td><input id="number" name="number" type="text" value="'.$_POST['number'].'" class="ui-inputfield ui-inputmask ui-widget ui-state-default ui-corner-all " data-p-label="Número" data-p-con="Integer" data-p-minlength="2" data-p-maxlength="3" data-p-val="Length" />
															<script id="number_s" type="text/javascript">
																DinarteCoelho.cw("InputMask", "widget_number", {
																	id: "number"
																	, mask: "9[99]"
																});
															</script>
														</td>
														<td>
															<div id="alerta:number" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="number" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:number_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_number", {
																	id: "alerta:number"
																	, target: "number"
																});
															</script>
														</td>
														<td>124</td>
													</tr>
													<tr>
														<td><label for="duplo">Duplo:</label></td>
														<td><input id="duplo" name="duplo" type="text" value="'.$_POST['duplo'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " data-p-cmsg="Não é possível converter para duplo." data-p-con="Double" data-p-maxvalue="8.5" data-p-minvalue="5.5" data-p-val="DoubleRange" />
															<script id="duplo_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_duplo", {
																	id: "duplo"
																});
															</script>
														</td>
														<td>
															<div id="alerta:duplo" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="duplo" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:duplo_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_duplo", {
																	id: "alerta:duplo"
																	, target: "duplo"
																});
															</script>
														</td>
														<td>'.$_POST['duplo'].'</td>
													</tr>
													<tr>
														<td><label for="money">Monetário (R$):</label></td>
														<td><input id="money" name="money" type="text" value="'.$_POST['money'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " data-p-label="Monetário" data-p-con="Number" data-p-notype="currency" data-p-curs="R$" />
															<script id="money_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_money", {
																	id: "money"
																});
															</script>
														</td>
														<td>
															<div id="alerta:money" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="money" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:money_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_money", {
																	id: "alerta:money"
																	, target: "money"
																});
															</script>
														</td>
														<td>'.$_POST['money'].'</td>
													</tr>
													<tr>
														<td><label for="regex">Regex (^[a-zA-Z]+$):</label></td>
														<td><input id="regex" name="regex" type="text" value="'.$_POST['regex'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " data-p-vmsg="O valor não corresponde ao padrão." data-p-regex="^[a-zA-Z]+$" data-p-val="RegularExpression" />
															<script id="regex_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_regex", {
																	id: "regex"
																});
															</script>
														</td>
														<td>
															<div id="alerta:regex" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="regex" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:regex_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_regex", {
																	id: "alerta:regex"
																	, target: "regex"
																});
															</script>
														</td>
														<td>'.$_POST['regex'].'</td>
													</tr>
													<tr>
														<td><label for="date">Data:</label></td>
														<td><input id="date" name="date" type="text" value="'.$_POST['date'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " data-p-label="Data" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" />
															<script id="date_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_date", {
																	id: "date"
																});
															</script>
														</td>
														<td>
															<div id="alerta:date" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="date" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:date_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_date", {
																	id: "alerta:date"
																	, target: "date"
																});
															</script>
														</td>
														<td>'.$_POST['date'].'</td>
													</tr>
													<tr>
														<td><label for="date2">Data (Calendário):</label></td>
														<td><span id="date2" class="ui-calendar"><input id="date2_input" name="date2_input" type="text" value="'.$_POST['date2_input'].'" class="ui-inputfield ui-widget ui-state-default ui-corner-all " data-p-label="Data (Calendário)" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" /></span>
															<script id="date2_s" type="text/javascript">
																DinarteCoelho.cw("Calendar", "widget_date2", {
																	id: "date2"
																	, popup: true
																	, locale: "pt_BR"
																	, dateFormat: "dd\/mm\/yy"
																	, defaultDate: "'.$_POST['date2_input'].'"
																});
															</script>
														</td>
														<td>
															<div id="alerta:date2" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="date2" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:date2_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_date2", {
																	id: "alerta:date2"
																	, target: "date2_input"
																});
															</script>
														</td>
														<td>'.$_POST['date2_input'].'</td>
													</tr>
													<tr>
														<td><label for="date3">Data (Selecionador de data):</label></td>
														<td><span id="date3" class="p-datepicker ui-calendar"><input id="date3_input" name="date3_input" type="text" value="'.$_POST['date3_input'].'" class="ui-inputfield ui-widget ui-state-default ui-corner-all " data-p-label="Data (Selecionador de data)" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" /></span>
															<script id="date3_s" type="text/javascript">
																DinarteCoelho.cw("DatePicker", "widget_date3", {
																	id: "date3"
																	, inline: false
																	, userLocale: "pt_BR"
																	, dateFormat: "dd\/mm\/yy"
																	, selectionMode: "single"
																	, showOnFocus: true
																	, appendTo: "@(body)"
																	, timeInput: false
																});
															</script>
														</td>
														<td>
															<div id="alerta:date3" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="date3" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:date3_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_date3", {
																	id: "alerta:date3"
																	, target: "date3_input"
																});
															</script>
														</td>
														<td>'.$_POST['date3_input'].'</td>
													</tr>
													<tr>
														<td><label for="localDate">Data Local:</label></td>
														<td><input id="localDate" name="localDate" type="text" value="'.$_POST['localDate'].'" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all " data-p-label="Data Local" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" />
															<script id="localDate_s" type="text/javascript">
																DinarteCoelho.cw("InputText", "widget_localDate", {
																	id: "localDate"
																});
															</script>
														</td>
														<td>
															<div id="alerta:localDate" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="localDate" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:localDate_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_localDate", {
																	id: "alerta:localDate"
																	, target: "localDate"
																});
															</script>
														</td>
														<td>'.$_POST['localDate'].'</td>
													</tr>
													<tr>
														<td><label for="localDate2">Data Local (Calendário):</label></td>
														<td><span id="localDate2" class="ui-calendar"><input id="localDate2_input" name="localDate2_input" type="text" value="'.$_POST['localDate2_input'].'" class="ui-inputfield ui-widget ui-state-default ui-corner-all " data-p-label="Data Local (Calendário)" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" /></span>
															<script id="localDate2_s" type="text/javascript">
																DinarteCoelho.cw("Calendar", "widget_localDate2", {
																	id: "localDate2"
																	, defaultDate: "'.$_POST['localDate2_input'].'"
																	, popup: true
																	, locale: "pt_BR"
																	, dateFormat: "dd\/mm\/yy"
																});
															</script>
														</td>
														<td>
															<div id="alerta:localDate2" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="localDate2" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:localDate2_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_localDate2", {
																	id: "alerta:localDate2"
																	, target: "localDate2_input"
																});
															</script>
														</td>
														<td>'.$_POST['localDate2_input'].'</td>
													</tr>
													<tr>
														<td><label for="localDate3">Data Local (Selecionador de data)</label></td>
														<td><span id="localDate3" class="p-datepicker ui-calendar"><input id="localDate3_input" name="localDate3_input" value="'.$_POST['localDate3_input'].'" type="text" class="ui-inputfield ui-widget ui-state-default ui-corner-all " data-p-label="Data Local (Selecionador de data)" data-p-con="DateTime" data-p-pattern="dd/mm/yy" data-p-dttype="date" /></span>
															<script id="localDate3_s" type="text/javascript">
																DinarteCoelho.cw("DatePicker", "widget_localDate3", {
																	id: "localDate3"
																	, inline: false
																	, userLocale: "pt_BR"
																	, dateFormat: "dd\/mm\/yy"
																	, selectionMode: "single"
																	, showOnFocus: true
																	, appendTo: "@(body)"
																	, timeInput: false
																});
															</script>
														</td>
														<td>
															<div id="alerta:localDate3" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="localDate3" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:localDate3_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_localDate3", {
																	id: "alerta:localDate3"
																	, target: "localDate3_input"
																});
															</script>
														</td>
														<td>'.$_POST['localDate3_input'].'</td>
													</tr>
													<tr>
														<td><label for="desc">Descrição</label></td>
														<td><textarea id="desc" name="desc" class="ui-inputfield ui-inputtextarea ui-widget ui-state-default ui-corner-all  ui-inputtextarea-resizable" aria-required="true" cols="20" rows="3" maxlength="2147483647" data-p-label="Descrição" data-p-required="true" data-p-minlength="3" data-p-maxlength="10" data-p-val="Length">'.$_POST['desc'].'</textarea>
															<script id="desc_s" type="text/javascript">
																DinarteCoelho.cw("InputTextarea", "widget_desc", {
																	id: "desc"
																	, autoResize: true
																});
															</script>
														</td>
														<td>
															<div id="alerta:desc" role="alert" aria-atomic="true" aria-live="polite" data-display="both" data-target="desc" data-redisplay="true" class="ui-message"></div>
															<script id="alerta:desc_s" type="text/javascript">
																DinarteCoelho.cw("Message", "widget_alerta_desc", {
																	id: "alerta:desc"
																	, target: "desc"
																});
															</script>
														</td>
														<td>'.$_POST['desc'].'</td>
													</tr>
												</tbody>
											</table>';

										$render[1]='alerta';
										$resposta1='<div id="alerta" class="ui-messages ui-widget" aria-live="polite" data-global="false" data-summary="data-summary" data-severity="all,error" data-redisplay="true"></div>
													<script id="alerta_s" type="text/javascript">
														DinarteCoelho.cw("Messages", "widget_alerta", {
															id: "alerta"
														});
													</script>';
									
								

									
										dc.cw("Messages", "widget_alerta", {
											id: "alerta"
										});
										dc.cw("InputText", "widget_name", {
											id: "name"
										});
										dc.cw("Message", "widget_alerta_nome", {
											id: "alerta:name"
											, target: "name"
										});
										dc.cw("InputMask", "widget_number", {
											id: "number"
											, mask: "9[99]"
											, clearIncomplete: true
										});
										dc.cw("Message", "widget_alerta_number", {
											id: "alerta:number"
											, target: "number"
										});
										dc.cw("InputText", "widget_duplo", {
											id: "duplo"
										});
										dc.cw("Message", "widget_alerta_duplo", {
											id: "alerta:duplo"
											, target: "duplo"
										});
										dc.cw("InputText", "widget_money", {
											id: "money"
										});
										dc.cw("Message", "widget_alerta_money", {
											id: "alerta:money"
											, target: "money"
										});
										dc.cw("InputText", "widget_regex", {
											id: "regex"
										});
										dc.cw("Message", "widget_alerta_regex", {
											id: "alerta:regex"
											, target: "regex"
										});
										dc.cw("InputText", "widget_date", {
											id: "date"
										});
										dc.cw("Message", "widget_alerta_date", {
											id: "alerta:date"
											, target: "date"
										});
										dc.cw("Calendar", "widget_date2", {
											id: "date2"
											, popup: true
											, locale: "pt_BR"
											, dateFormat: "dd\/mm\/yy"
										});
										dc.cw("Message", "widget_alerta_date2", {
											id: "alerta:date2"
											, target: "date2_input"
										});
										dc.cw("DatePicker", "widget_date3", {
											id: "date3"
											, inline: false
											, userLocale: "pt_BR"
											, dateFormat: "dd\/mm\/yy"
											, selectionMode: "single"
											, showOnFocus: true
											, appendTo: "@(body)"
											, timeInput: false
										});
										dc.cw("Message", "widget_alerta_date3", {
											id: "alerta:date3"
											, target: "date3_input"
										});
										dc.cw("InputText", "widget_localDate", {
											id: "localDate"
										});
										dc.cw("Message", "widget_alerta_localDate", {
											id: "alerta:localDate"
											, target: "localDate"
										});
										dc.cw("Calendar", "widget_localDate2", {
											id: "localDate2"
											, popup: true
											, locale: "pt_BR"
											, dateFormat: "dd\/mm\/yy"
										});
										dc.cw("Message", "widget_alerta_localDate2", {
											id: "alerta:localDate2"
											, target: "localDate2_input"
										});
										dc.cw("DatePicker", "widget_localDate3", {
											id: "localDate3"
											, inline: false
											, userLocale: "pt_BR"
											, dateFormat: "dd\/mm\/yy"
											, selectionMode: "single"
											, showOnFocus: true
											, appendTo: "@(body)"
											, timeInput: false
										});
										dc.cw("Message", "widget_alerta_localDate3", {
											id: "alerta:localDate3"
											, target: "localDate3_input"
										});
										dc.cw("InputTextarea", "widget_desc", {
											id: "desc"
											, autoResize: true
										});
										dc.cw("Message", "widget_alerta_desc", {
											id: "alerta:desc"
											, target: "desc"
										});
										rc = function () {
											if (DinarteCoelho.vb({
													s: this
													, a: true
													, p: 'name number'
													, u: 'grid'
												})) {
												return dc.ab({
													s: "formulario"
													, f: "formulario"
													, p: "name number"
													, u: "grid"
													, pa: arguments[0]
												});
											} else {
												return false;
											}
										};
										dc.cw("DefaultCommand", "widget_comandoPadrao", {
											id: "comandoPadrao"
											, target: "btnAjax"
										});
										dc.cw("CommandButton", "widget_btnNoAjax", {
											id: "btnNoAjax"
										});
										dc.cw("CommandButton", "widget_btnAjax", {
											id: "btnAjax"
										});
										dc.cw("CommandButton", "widget_btnPartial", {
											id: "btnPartial"
										});
										dc.cw("CommandButton", "widget_btnDisabled", {
											id: "btnDisabled"
										});
										dc.cw("CommandButton", "widget_btnRemote", {
											id: "btnRemote"
										});