jQuery的表單驗證提交處理程序不工作

我有一個使用JavaScript做表單驗證和IM試圖用jQuery來替換它現有的應用程序。我的表單最多有20個字段，我現在只想驗證一個字段。jQuery的表單驗證提交處理程序不工作

這是jQuery的功能，我寫來驗證一個字段。

$(function() { 

//$(".submit").click(function(){ 
// alert("jq"); 
    $("#serviceRtpLogMainForm").validate({ 
     rules: { 
      p_incdate_in: "required" 
       }, 
     messages: { 
      p_incdate_in: "Please enter the inception date." 
       }, 
     submitHandler: function(form) { 
        // do other things for a valid form 
        form.submit(); 
       } 

//}); 
});

而下面是如何形式，提交和有問題的領域正在驗證。

<html:form action="/serviceRtpLogMain" styleId="serviceRtpLogMainForm"> 

<html:text name = "serviceRptLog" property="p_incdate_in" styleId="incidDate" onfocus="cancelRequest1('DATE')" /> 
      <A href="javascript:cal4.popup();">

<td valign="middle" align="left" width="100%" colspan="4" height=38 class="td3" > 
     <input type=submit value=Submit class="submit"> 
     <input type=reset value=Reset> 
    </td>

不是我的目的是要驗證只是如果字段已填寫並提交只有現場已被填充以正確的格式形式。

我在這裏做錯了什麼？

來源

2013-12-16 DJR

我在$（「#serviceRtpLogMainForm」），在Firefox開發者工具.validate調試點。它甚至去那裏..這讓我更加困惑。 – DJR

確保您的HTML會像下面，

<form id="serviceRtpLogMainForm" action="/serviceRtpLogMain"> 
    <td valign="middle" align="left" width="100%" colspan="4" height="38" class="td3" > 
     <input type="text" name="p_incdate_in" class="p_incdate_in"/> 
     <input type="submit" value="Submit" class="submit"/> 
    </td> 
</form>

和腳本是

$(function() {   

    $("#serviceRtpLogMainForm").validate({ 
     rules: { 
       p_incdate_in: "required" 
       }, 
     messages: { 
       p_incdate_in: "Please enter the inception date." 
       }, 
     submitHandler: function(form) { 
          // do other things for a valid form 
          form.submit(); 
         } 

     }); 

     });

檢查Fiddle

或如果你不想使用name屬性，類屬性添加到您的元素，並添加規則如下圖所示，

 $("#serviceRtpLogMainForm").validate({    
      submitHandler: function(form) { 
          // do other things for a valid form 
          form.submit(); 
         } 

     }); 
     $(".p_incdate_in").rules("add", { 
        required:true, 
        messages:"Please enter the inception date." 
     });

檢查Fiddle

來源

2013-12-16 17:34:58

@Subhash我的表單字段的名稱屬性已被使用。我可以使用styleId嗎？ – DJR

和IM驚訝，爲什麼在點擊提交按鈕，調試點不能在Firefox開發者工具 – DJR

達到@DJR檢查我的編輯。 –

jQuery的表單驗證提交處理程序不工作

回答

相關問題