Question

我正在使用Pete R的单页滚动（http://www.thepetedesign.com/demos/onepage_scroll_demo.html）并尝试使用jQuery validate-function来验证表单。我需要包括滚动工作，但当我包含该片段时，验证功能停止工作。

这是我的验证内容：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

这是我的验证：

     $(document).ready(function(){
        $("#mycontactform").validate({
            debug: false,
            rules: {

                email: {
                    required: true,
                    email: true
                }
            },
            messages: {

                email: "*",
            },
            submitHandler: function(form) {
                // do other stuff for a valid form

            } }); });

我该怎么办？

Okey，阅读jQuery的文档并解决了这个问题，但现在它不会向下滚动：

<script type="text/javascript">
$.noConflict();
    jQuery(document).ready(function($){
        $("#mycontactform").validate({
            debug: false,
            rules: {

                email: {
                    required: true,
                    email: true
                }
            },
            messages: {

                email: "*",
            },
            submitHandler: function(form) {
                // do other stuff for a valid form
            $.post("send.php", $("#mycontactform").serialize(),  function(response) {


});
$(".main").moveDown();
return false;

            } }); });

    </script>

页面刚刚刷新。

Answer 1

这是由于多个java脚本框架。

使用jquery.noConflict（）

喜欢

jq = jquery.noConflict（）;

JQ（文件）{

... ....

你的代码用jq

}

Answer 2

在这些情况下，可以开发自己的验证器。

1 .-添加rqs classe，您需要验证您的订单。

<input type="text" id="txtOrigen" class="rqs" style="border-color: red;">

2 .-在发送表格之前添加脚本

$("#mycontactform").find(".rqs").each(function (r, n) {
       this.style.borderColor = ""
       if (this.id !== "" && this.value === "") {
              rqs = r
              this.style.borderColor = "red"
       }
})

if (rqs > 0) {
     $('#lblMessege').text("Campos requeridos, favor de verificar...").fadeIn(150).delay(4000).fadeOut("slow")
     return false
}

$.post("send.php", $("#mycontactform").serialize(),  function(response) {

});

imagen（http://i.stack.imgur.com/a5F9r.png）

jQuery validate不适用于单页滚动

2 个答案: