javascript - 如何使用 jQuery 验证按钮单击时的文本字段？

Question

当我单击按钮时，如何使用 jQuery 验证文本框是否不为空且由数字组成？

这是我到目前为止的代码:

HTML:

<input type="button" name="Tilføj" value="Tilføj" id="add" />
<input type="text" id="element" name="element" />
<div id="result"></div>

Javascript:

$(document).ready(function () {

    $("#add").click(function () {

        $("#element").validate({
            rules: {
                element: {
                    required: true,
                    number: true
                }
            },
            errorHandler: function () {
                $("#result").append("error");
            },
            submitHandler: function () {
                $("#result").append("good");
            }

        });

    });
});

我是否必须在表单中使用 jQuery 验证才能正常工作？

Answer 1

无需 jQuery 插件即可完成此操作。您所需要的只是一个简单的正则表达式来验证您的输入格式。您可以针对不同类型的输入进行自定义

<script language="javascript" type="text/javascript">  

function validate_input( inputText)
    {
        if( inputText.length > 0 )
        {
            // Search for non-digit pattern (\D) globally
            var patt=/\D/g ;

            if( patt.test( inputText ) )
                return false;
            else
                return true;
        }
        else
            return false;
    }

$(document).ready(function () 
{      
    $("#add").click(function () 
    {

        if( validate_input( $("#element").val() ) )
        {
            $("#result").html("<label> good </label>");
        }
        else
        {
            $("#result").html("<label> error </label>");
        }
    });

});