Question

我试图检查表单的文本框是否为空。但是，每当我尝试点击提交而不是警告框消息时，告诉我姓名是空的我得到＆＃34;请填写填写的＃34;。

＆＃13;

def Hide(event):
    x, y = event.x, event.y
    x_r, y_r = root.winfo_x(), root.winfo_y()
    if x > x_r + root.winfo_width() or x < x_r or y > y_r + root.winfo_height() or y < y_r:
        button.place_forget()

＆＃13;

('#submit').click(function() {
  if ($('#firstname').val() == '') {
    alert('Firstname is empty');
  }
});

＆＃13;

Answer 1

首先，我假设缺少$只是问题中的拼写错误，因为您声明您看到了验证消息。

您看到“请填写此字段”通知的原因是您在字段中使用了required属性。如果要手动验证表单，请删除该属性。您还需要挂钩submit的{{1}}事件，而不是form的{{1}}，并在验证失败时阻止表单提交，如下所示：

click

button

就我个人而言，我建议你使用$('#elem').submit(function(e) { if ($('#firstname').val().trim() == '') { e.preventDefault(); alert('Firstname is empty'); } });属性，因为它保存了所有上面不必要的JS代码 - 除非你需要更复杂的逻辑，而不仅仅是检查所有必需字段的值。

Answer 2

因为您设置了必需属性。它会为您提供请填写字段验证作为错误消息。这是HTML5正在执行的验证。

Answer 3

为此，请制作以下功能：

function Checktext()
{
 if ($('#firstname').val() == '') {
 alert('Firstname is empty');
return false;
}

else
{
return true;
}
}

现在在提交按钮上调用此功能点击如下：

<input type="submit" id="submit" value="Submit" onclick="return check();" />

如何检查文本框是否为空，如果使用jquery则显示弹出消息？

3 个答案: