Question

我有一个简单的表格，如This Demo。现在我需要的是调用/检查表单是否已经过验证，以便稍后使用所选数据。例如，在以下示例中。我使用另一个标识为validateTrueorFalse的按钮来检查天气，验证结果是真还是假？

你可以帮我解决这个问题吗？

谢谢！

<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>

Answer 1

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

见这里例如：

 $(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);    
    });
});

Answer 2

如果您在验证表单后使用ajax发送数据：

demo

如果不是你只需要在POST数组中看到获取表单值

如果只是检查验证：

demo2

验证表格后如何调用

2 个答案: