JS表單提交驗證
遇到過幾次表單提交前做驗證的需求,在這里整理一下:
web開發前端的話表單驗證非常常見,當存在<input type='submit' name=""></> 的時候不論你把事件注冊到click還是注冊到form的submit上在攔截提交請求后無法中斷form的提交;可以用<input type='button' name=''></> 來替換<input type='submit' name=""></> 在JS驗證后用document.form.submit()完成提交
完整代碼如下(調用的yahooYUI):
<form name="templateForm" method="POST">
<input type="hidden" name="event_submit_do_add" value=""/>
<input type="hidden" name="event_submit_do_update" value=""/>
------------------------
#if("$templateId"=="0")
<input type="button" name="J_Add" id="J_Add" class="J_Submit" value="保存" style="margin:0 10px;padding:0 5px;"/>
#else
<input type="button" name="J_Update" id="J_Update" class="J_Submit" value="修改" style="margin:0 10px;padding:0 5px;"/>
#end
</form>
<script language='text/javascript'>
var Y = YAHOO.util, D = Y.Dom, E = Y.Event;
E.on("J_Add","click",function(evt){
if(“驗證條件")
{
alter("提示內容");
return;
}
document.templateForm.event_submit_do_add.value="submit";
document.templateForm.submit();
});
E.on("J_Update","click",function(evt){
if(“驗證條件")
{
alter("提示內容");
return;
}
document.templateForm.event_submit_do_update.value="submit";
document.templateForm.submit();
});
</script>
posted on 2011-11-03 13:25 doctor 閱讀(4718) 評論(5) 編輯 收藏 所屬分類: 工作筆記