jquery - JS Form 验证并发送表单而不提交输入

Question

我尝试在没有输入[提交]的情况下发送表单，但它无法正常工作。

教程地址:Link

我使用了jquery验证插件。

我用图像按钮代替输入[提交]。而且它不起作用。我想将我的图像分配给验证函数而不是发送函数。

一些建议？

这是代码

表单

<form id="kullaniciKayit" action="" method="post" novalidate>

            <input type="hidden" name="islem" value="uyeKayit">
            <input type="hidden" name="fbId" value="<?php echo $fidd ?>">

                <ul>
                    <li><input type="textbox" class="selector" style="background:transparent;" name="objAd" value="<?=$adSoyad?>" disabled></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objEposta" value="<?=$eposta?>" disabled></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objDtarih" placeholder="Gün/Ay/Yıl" ></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objAdres"></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objTel"></li>
                </ul>


            <div class="form-gonder">
                <a class="formGonderBtn" href="" target="_parent"><img src="../img/post-btn.png"></a>
            </div>

        </form>

jquery

<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.10.3.js"></script> 
<script type="text/javascript" src="../js/jquery.validate.js"></script> 

验证码

 <script>

  // When the browser is ready...
  $(function() {

    // Setup form validation on the #register-form element
    $("#kullaniciKayit").validate({

        // Specify the validation rules
        rules: {
            objAdres: "required",
        },

        // Specify the validation error messages
        messages: {
            objAdres: "Lutfen Adres Giriniz",
        },

        submitHandler: function(form) {
            form.submit();
        }
    });


  });

  </script>

Answer 1

您可以通过两种方式实现它:

方法1:只需将 HTML 更改为:

    <form id="kullaniciKayit" action="" method="post" novalidate>

            <input type="hidden" name="islem" value="uyeKayit">
            <input type="hidden" name="fbId" value="<?php echo $fidd ?>">

                <ul>
                    <li><input type="textbox" class="selector" style="background:transparent;" name="objAd" value="<?=$adSoyad?>" disabled></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objEposta" value="<?=$eposta?>" disabled></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objDtarih" placeholder="Gün/Ay/Yıl" ></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objAdres"></li>
                    <li><input type="textbox" class="selector"  style="background:transparent;" name="objTel"></li>
<li><input type="image" src="../img/post-btn.png" name="submit" ></li>
                </ul>

<!-- no need for this
            <div class="form-gonder">
                <a class="formGonderBtn" href="" target="_parent"><img src="../img/post-btn.png"></a>
            </div>
-->

        </form>

方法 2:将此 html block 替换为以下代码:

    <div class="form-gonder">
         <a class="formGonderBtn" href="" target="_parent"><img src="../img/post-btn.png"></a>
     </div>

与:

 <div class="form-gonder">
     <a class="formGonderBtn" href="javascript:void(0);" target="_parent"><img id="submit" src="dd-exit.gif"></a>
  </div>

并将以下代码添加到准备好的文档中:

    $('#submit').click(function(){
      $("#register-form").valid();
  });

最终代码为:

    $(function() {

        // Setup form validation on the #register-form element
        $("#kullaniciKayit").validate({

            // Specify the validation rules
            rules: {
                objAdres: "required",
            },

            // Specify the validation error messages
            messages: {
                objAdres: "Lutfen Adres Giriniz",
            },

            submitHandler: function(form) {
                form.submit();
            }
        });

     $('#submit').click(function(){
              $("#register-form").valid();
     });
  });

如果需要任何帮助，请告诉我。