Jquery de validation de formulaire gestionnaire de soumission pas de travail

J'ai une application qui utilise du JavaScript pour faire de la validation du formulaire et im essayant de le remplacer avec jQuery. Mon formulaire a jusqu'à 20 champs, et je suis en train de valider qu'un seul champ pour l'instant.

C'est la fonction jQuery que j'ai écrit pour valider un champ.

$(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();
                 }

 //});
});

Et ci-dessous comment la forme, de soumettre et le domaine en question est en cours de validation.

<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>

Pas mon but est simplement de valider si le champ a été rempli et à soumettre le formulaire uniquement si le champ a été rempli dans le bon format.

Ce que je fais mal?

J'ai un debug point $( "#serviceRtpLogMainForm" ).valider dans firefox, outils de développement. Il dosent même y aller.. ce qui me confond un peu plus.

OriginalL'auteur DJR | 2013-12-16

  1. 4

    Assurez-vous que votre code html sera comme ci-dessous,

    <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>

    et le Script est

    $(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();
                         }

        });

      });

    Vérifier la Violon

    ou
    Si vous ne voulez pas utiliser le nom d'un attribut, d'ajouter un attribut de classe à votre élément et ajouter des règles comme ci-dessous,

           $( "#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."
         });

    Vérifier Violon

    l'attribut name de mon champ de formulaire est déjà pris. Puis-je utiliser styleId à la place?
    et im surpris pourquoi en cliquant sur le bouton envoyer, le débogage de point n'est pas atteint dans firefox, outils de développement
    Vérifier mon montage.
    eu copain.. je suis en mesure de valider les champs requis. merci

    OriginalL'auteur Subash Selvaraj