验证表格后如何致电 [英] How to Call for After Validating A Form

问题描述

我有一个简单的表格，例如此演示.现在，我需要调用/检查表单是否已通过验证，或者以后不使用所选数据.例如在下面的例子中.我使用另一个ID为validateTrueorFalse的按钮来检查天气，验证结果为True还是False?

I have a simple Form like This Demo. Now what I need is to call/check if the form has been validated or not to use the selected data later on. For example in following example. I used another button with id validateTrueorFalse to check weather the result of validation is True or False?

您能帮我解决这个问题吗?

Can you please help me to figure this out?

谢谢！

<form>
    <select id="mySelect">
        <option value="1">Select From The List</option>
        <option value="2">First</option>
        <option value="3">Second</option>
        <option value="4">Third</option>
        <option value="5">Fourth</option>
    </select>
    <div id="error">Not selected!</div>
    <div id="valid">Validated!</div>
    <div id="result"></div>
    <br />
    <button type="submit" class="btn btn-default">Validate</button>
</form>

<button class="validateTrueorFalse">Check If Validate</button>
<div id="TruorFalese"></div>

推荐答案

您只需定义一个变量来确定验证失败或成功

You just define one variable to determine validate fail or successfully

例如:

 $(document).ready(function () {
    var isValidate = false;
    $('form').submit( function(e) {
        var check=$('#mySelect').val()
        if ( check == '1' ) {
            $('#error').show();
            $('#valid').hide();
            isValidate = false;
        }else{
            $('#error').hide();
            $('#valid').show();
            isValidate = true;
        }
           e.preventDefault();
    });

    $("#btnCheckValidated").click(function(){
        content = isValidate ? "Form is validated successfully" : "Form is validated failed";
        $("#valideeTruorFalese").html(content);    
    });
});

这篇关于验证表格后如何致电的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！