動若狡兔,靜如處子

          by doctor

          統計

          留言簿

          閱讀排行榜

          評論排行榜

          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)  編輯  收藏 所屬分類: 工作筆記

          評論

          # re: JS表單提交驗證[未登錄] 2012-03-29 18:05 123

          123456  回復  更多評論   

          # re: JS表單提交驗證 2012-08-09 16:05 速度富

          發  回復  更多評論   

          # hjkjk 2012-12-12 10:06 saafsdf

          asdfasdfdasf  回復  更多評論   

          # re: JS表單提交驗wdwd證 2013-05-27 21:53 wdw

          wdwdw  回復  更多評論   

          # re: JS表單提交驗證 2014-12-01 10:47 啊啊啊

          啊電風扇  回復  更多評論   

          主站蜘蛛池模板: 东乡族自治县| 昌黎县| 长垣县| 葵青区| 巴彦淖尔市| 新疆| 金湖县| 云林县| 怀安县| 通许县| 武陟县| 龙山县| 于都县| 凭祥市| 年辖:市辖区| 长春市| 五家渠市| 麻阳| 孝义市| 秦安县| 社会| 小金县| 常德市| 通河县| 抚宁县| 孝昌县| 积石山| 龙口市| 会宁县| 沙坪坝区| 横峰县| 永济市| 惠来县| 兰州市| 邢台县| 孙吴县| 惠安县| 东源县| 昌宁县| 鹤庆县| 嘉黎县|