如何检查使用jQuery提交的表单中的文本字段是否为空？ [英] How to check if text fields are empty on form submit using jQuery?

问题描述

在提交而不加载 login.php 时，如何使用jQuery检查文本字段是否为空？

How could I use jQuery to check if text-fields are empty when submitting without loading login.php?

<form action="login.php" method="post">
    <label>Login Name:</label>
    <input type="text" name="email" id="log" />
    <label>Password:</label>
    <input type="password" name="password" id="pwd" />
    <input type="submit" name="submit" value="Login" />
</form>

谢谢。

推荐答案

您可以使用jQuery <$ c $将事件处理程序绑定到提交 JavaScript事件。 c> .submit 方法，然后修剪 #log 文本字段值，并检查是否为空，例如：

You can bind an event handler to the "submit" JavaScript event using jQuery .submit method and then get trimmed #log text field value and check if empty of not like:

$('form').submit(function () {

    // Get the Login Name value and trim it
    var name = $.trim($('#log').val());

    // Check if empty of not
    if (name  === '') {
        alert('Text-field is empty.');
        return false;
    }
});

场演示

这篇关于如何检查使用jQuery提交的表单中的文本字段是否为空？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！