小编Ash*_*Ash的帖子

使用 Jquery validate 在单击时验证一组字段

我制作了一个包含多个部分的表单,后面的部分被隐藏,但在用户单击当前部分上的下一个按钮后将显示。我尝试在显示表单的其余部分之前对此单击进行简单的“必须填写”验证。

据我从这里的其他问题收集到的信息,我的方法应该有效。如果发现错误,则var validate应该等于,true这将停止表单的进展,但一旦填写字段并再次单击按钮,将允许表单继续进行

然而,目前这一切似乎只是验证第一个字段,然后什么都不做。即使该字段有效,它仍然不会继续执行该函数的其余操作。

js 库:http://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.min.js

我尝试使用的方法: http: //jqueryvalidation.org/Validator.element/

<div class="col-sm-8 sec-one">
    <div class="form-group">
        <select name="t1" required>
            <option value="" disabled selected>Choose an option...</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="A">A</option>
            <option value="D">D</option>
        </select>
    </div>
    <div class="form-group">
        <select name="t2" required>
            <option value="" disabled selected>Choose an option...</option>
            <option value="A">A</option>
            <option value="D">D</option>
            <option value="B">B</option>
            <option value="C">C</option>
        </select>
    </div>
    <button type="button" class="formbut next1">Next</button>
</div>


var validator = $("form").validate();

$(".next1").click(function () {
    validator.element('.sec-one [name]');
    if (validator) {
        $(".sec-one").slideUp("slow", function () { …
Run Code Online (Sandbox Code Playgroud)

javascript forms jquery jquery-validate

2
推荐指数
1
解决办法
3236
查看次数

可以使用逗号将多个类分配给一个元素吗?

我刚刚在我正在工作的网站上遇到了这个。它是我以前没有见过的东西,并且在任何地方都找不到任何解释,所以希望有人能解释一下。

因此,我遇到了一个用以下格式标记了 2 个类的元素:

<div class = "class1, class2"></div>
Run Code Online (Sandbox Code Playgroud)

我以前从未见过像这样分配给一个元素的多个类..对我来说它看起来像一个选择器..我希望它们像这样添加:(不带逗号)

<div class = "class1 class2"></div>
Run Code Online (Sandbox Code Playgroud)

这是我以前从未遇到过的有效 CSS,还是我刚刚在页面上发现了一个有点奇怪的错误?

css

2
推荐指数
1
解决办法
3350
查看次数

澄清javascript中嵌套的函数变量范围

这似乎是一个曾经被问过几次的话题,但我真的很难找到一个简洁的解释.我能找到的最近的是(JavaScript中的变量范围是什么?)但是有几个方面我还是不太明白.你可能已经猜到我对javascript很新,但是这个方面对于完全理解是否至关重要,如果我要随身携带它.

所以考虑一个由几个嵌套函数组成的程序:

function functionA() {
    var functionAVariable = "A";
}

function functionB() {
    var functionBVariable = "B";
}

function functionC() {
    var functionCVariable = "C";

    function functionD() {
        var functionDVariable = "D";
    }
}

var globalVariable = "G";
var mainFunction = function () {
var mainFunctionVariable = "M";
    functionA();        
    functionB();
    functionC();
};
Run Code Online (Sandbox Code Playgroud)

从我的理解所有的功能,将有机会获得globalVariablefunctionA,functionB以及functionC将有机会获得mainFunctionVariable.

我开始有点困惑的地方是当我们为整个程序添加更深的巢时functionD.将functionD有机会获得,目前包裹或将它只能访问直接父所有更高级别的功能变量,functionC

javascript

1
推荐指数
1
解决办法
268
查看次数

在完成多个ajax事件时调用函数

所以说我有多个ajax请求通过父函数同时触发.每个ajax函数都有一个单独的单独完成函数,它们彼此无关.如果我想在完成所有ajax函数后执行另一个函数,但是在每个单独的ajax函数中指定的完成函数之后,我将如何进行此操作?

function ajax1(str) {
    return $.ajax({
        type: 'get',
        data: "q=" + str,
        url: 'foo.php',
        success: function (result) {
            //success!
        }

    },
    complete: function (data) {

        function ajaxcomplete1();
    },

    )
};

function ajax2(str) {
    return $.ajax({
        type: 'get',
        data: "q=" + str,
        url: 'foo.php',
        success: function (result) {
            //success!
        }

    },
    complete: function (data) {

        function ajaxcomplete2();
    },

    )
};

function ajaxcall() {
    ajax1();
    ajax2();
}

function allajaxcomplete() {
    // some code to be executed on completion of all ajax requests …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery

0
推荐指数
1
解决办法
43
查看次数

标签 统计

javascript ×3

jquery ×2

ajax ×1

css ×1

forms ×1

jquery-validate ×1