Question

在此，文本框必须仅允许字符串。但是没有使用警告框如何在jquery中验证文本框。有谁可以向我解释一下？以及如何验证jquery中的数字。

$(function () {
    $("#register-form").validate({
        rules: {
            Title: "required",
            lan: "required",
            Lati: "required"
        },
        messages: {
            Title: "Please enter your Country name",
            lan: "please enter longitude vale",
            Lati: "Please enter lattitude value",
        },
        submitHandler: function (form) {
            form.submit();
        }
    });
});

<form action="insert.php" method="post" id="register-form">
    <table align="center">
        <tr>
            <td class="label">Title</td>
            <td>
                <input type="text" size="50" name="Title" id="Title" class="as_input" />
            </td>
        </tr>
        <tr>
            <td class="label">Lan</td>
            <td>
                <input type="text" size="50" name="lan" id="Lan" class="as_input" />
            </td>
        </tr>
        <tr>
            <td class="label">Lat</td>
            <td>
                <input type="text" size="50" name="Lati" id="Lati" class="as_input" />
            </td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="Submit" />
            </td>
        </tr>
    </table>
</form>

Answer 1

通过检查密钥，模糊，代码下面的代码来完成的一种方法是数字和字母，
的 JS FIDDLE SAMPLE

$('.numbersOnly').keyup(function () { this.value = this.value.replace(/[^0-9\.]/g, ''); }); $('.numbersOnly').blur(function () { this.value = this.value.replace(/[^0-9\.]/g, ''); }); $('.alphabetsOnly').keyup(function () { this.value = this.value.replace(/[^a-zA-Z\ .]/g, ''); }); $('.alphabetsOnly').blur(function () { this.value = this.value.replace(/[^a-zA-Z\ .]/g, ''); });

您只需将这些类添加到受尊重的文本框中即可。

Answer 2

http://jsfiddle.net/Altynbek92/m1x3ko8g/

<input id="tt" type="button" value="click me!">
<input type="text" id="text1">

$('#tt').click(function() {   
var tb1 = $("#text1");
    if (isNullOrWhitespace(tb1.val())) {
        tb1.tooltip({ items: tb1, content: "Displaying on click"});
        tb1.tooltip("open");
    } else {
        tb1.tooltip( "option", { disabled: true } );
    }
});

function isNullOrWhitespace(input) {
    if (input == null) return true;
    return input.replace(/\s/g, '').length < 1;
}

如何在不使用alertbox的情况下验证jquery中的文本框？

2 个答案: