jquery,在尝试提交表单中的空字段时发出警报

Question

jquery,在尝试提交表单中的空字段时发出警报

我敢肯定我一定错过了一些非常明显的东西,但不能为我的生活看到它是什么.

我有以下的javascript,(理论上)当我点击提交时查看表单,并告诉我是否已将"RefNo"字段留空(在最终形式中将有各种字段要检查,所以我使用过class ='required'来识别它们全部).但到目前为止,当我点击提交时,没有任何反应(除了提交的表格中缺少数据).

我尝试过在互联网上找到的各种选项,这似乎是最有希望的.

如果有人能看到我做错了什么,那将非常感激.

<html>
<head>
    <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        function submitForm()
        {
            $("#Form1").submit(function()
                {
                    $('.required input').each(function() 
                        {
                            if ($(this).val() == '') 
                                {   
                                    $(this).addClass('highlight');
                                }
                        }
                    );

                    if ($('.required input').hasClass('highlight')) 
                        {
                            alert("Please fill in a Ref Number and try again");
                            return false;
                        }
                }   
            );
        }
    </script>
</head>
<body>

    <form method="POST" action="test9.php" name="Form1" ID="Form1">
        <input TYPE="text" ID="RefNo" NAME="RefNo" VALUE="" size="25px" class="required"></input>

        </br>

        <p>
            <input type="submit" Name="submit" id="submitButton" value="Report History" onClick='submitForm()'></input>
        </p>
    </form> 
</body>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Der*_*k S 6

你的选择者应该是$('input.required'),而不是$('.required input').

归档时间：	12 年，12 月前
查看次数：	2487 次
最近记录：	12 年，12 月前