Question

点击着陆页上的大按钮。然后点击“医学院”

然后，您会看到弹出的表单。我使用“必需”类（例如名字，姓氏等）标记了很多字段，但即使这些字段留空，表单仍然会提交。

（1）你能否帮我弄清楚当所需字段留空时如何防止表单提交，以及 - （2）当必填字段留空时，该字段应变为红色或具有红色边框。（我不想显示错误消息文本，因为它会使我的表单看起来更混乱。）

这是我的代码：

HTML（这只是其中的一部分）：

    <input type="text" name="entry.384987407" id="entry_384987407" placeholder="First" class="ss-q-short required" />

    <input type="text" name="entry.290934326" id="entry_290934326" placeholder="Last" class="ss-q-short required" />

    <br />

    <label class="ss-q-item-label uniform">
    Email</label>
    <input type="email" name="entry.1440270198" id="entry_1440270198"         placeholder="Email" class="ss-q-short required" />

    </div>


    <div id="optional-form">
    Optional form goes here
    </div>

脚本：

    <script type="text/javascript">

    $(function(){
    $("#ss-form").validate({

   errorPlacement: function(){
        return true;  // suppresses error message text
    },
    submitHandler: function() { 

         $('#required-form').fadeOut("slow", function () {
      $('#optional-form').fadeIn("slow");
          });

         $("#entry_384987407").keyup(function () {
        var firstnameMD = $(entry_384987407).val();
    var lastnameMD = $(entry_290934326).val();
    var emailMD = $(entry_1440270198).val();

        $(".guysname").text(firstnameMD);

        }).keyup();


         form.submit(); // this MUST be AFTER everything else!!!!
         } //end of what happens when a VALID form is submitted (submitHandler)

     }); // end of function validate
     }); //end of general function


    </script>

提前致谢!!!!!!!

Answer 1

替换此代码

$('#required-form').fadeOut("slow", function () {
    $('#optional-form').fadeIn("slow");
});

用

$('#required-form').fadeOut("slow");
$('#optional-form').fadeIn("slow");

并替换此

var firstnameMD = $(entry_384987407).val();
var lastnameMD = $(entry_290934326).val();
var emailMD = $(entry_1440270198).val();

使用

var firstnameMD = $('#entry_384987407').val();
var lastnameMD = $('#entry_290934326').val();
var emailMD = $('#entry_1440270198').val();

jquery表单验证不起作用 - 请帮忙！ :)

1 个答案: