Question

我对jQuery很陌生，只是你知道。

我正在创建一个网站：http://stilld.nl/brrreuk/

你可以看到它，它一点一点地工作。当你滚动小车开车。在某个时刻你会注意到你不能再滚动了，会弹出一个表格。在再次滚动之前，您必须回答一个问题。

对于此验证，我正在考虑使用它：http://jqueryvalidation.org/documentation/

我正试图让它发挥作用，但我因为缺乏知识而陷入困境。

我想要的是什么：

单击按钮时，应检查两个输入是否为特定编号。所以，顶部应该是3，底部应该是10.如果输入正确，它应该给出如下信息：做得好！

我希望有人可以提供一些建议！

我很高兴使用另一个脚本，如果你有一个更好的脚本供我在这种情况下使用。

HTML：

<form id="form_1">
    <fieldset>

        <p>
        <input type="text" class="input_required" id="teller" name="teller" maxlength="2" class="valid" aria-invalid="false" onkeydown="return isNumber(event);" placeholder="?" onfocus="this.placeholder = ''" onblur="this.placeholder = '?'" required>      
        <label for="teller"> </label>

        </p>

            <hr noshade size=3>

        <p>
        <input type="text" class="input_required" id="noemer" name="noemer" maxlength="2" class="valid" aria-invalid="false" onkeydown="return isNumber(event);" placeholder="?" onfocus="this.placeholder = ''" onblur="this.placeholder = '?'" required>      
        <label for="noemer"> </label>
        </p>

        <p>
        <button class="submit" type="submit" value="controleer"> Controleer </button>
        </p>

    </fieldset>
</form>

我可以说它们应该是输入字段中的数字（查看我的网站）。但我无法判断这个号码是否合适......

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
var form = $( "#form_1" );
form.validate();
$( "button" ).click(function() {
  alert( "Valid: " + form.valid() );
});

我很失落，所以我希望你们能帮助我......对不起我的英语，我是荷兰人。

Answer 1

您可以为两个输入字段指定ID：

<input id="first">
<input id ="second">
    <button>Click me to see the magic</button>

然后您可以使用以下脚本来执行您需要的操作，而无需使用验证器：

$('button').on('click', function(){
 var val1 = $("#first").val();
var val2 = $("#second").val();
                  if(val1 == 3 && val2 == 10)
                      alert("well done");
else
    alert("try again");
});

这里的小提琴演示：http://jsfiddle.net/7w3H7/1/

我没有看到你的代码，你已经给你输入了ID，你可以使用它们。

使用您的代码：

$('button').on('click', function(e){
    e.preventDefault();
 var val1 = $("#teller").val();
var val2 = $("#noemer").val();
                  if(val1 == 3 && val2 == 10)
                      alert("well done");
else
    alert("try again");
});

演示：http://jsfiddle.net/7w3H7/2/

验证脚本jQuery

1 个答案: