jQuery EasyUI 中判断input输入框空值

最新推荐文章于 2023-01-23 00:37:21 发布

原创最新推荐文章于 2023-01-23 00:37:21 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#php

php+mysql 专栏收录该内容

1 篇文章

订阅专栏

本文介绍在使用jQuery EasyUI插件时，如何正确地验证表单输入框是否为空，并将焦点返回到空的输入框。文章对比了普通方法与EasyUI特定方法的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

假设表单myform中有输入框为<input class=“easyui-textbox” name=“textname” id=“textid”…>
点击submit提交表单按钮时需要判断是否空值，该输入框不允许为空，如果为空，则焦点返回该输入框。
未使用jQuery EasyUI插件时，一般用类似以下名为checkpost的function：

function checkpost()
{
if(myform.textid.value==""){alert(“请选择日期！”);
$(document).ready(function()
{
$(“input[name=textname]”).focus();
});
return false;
}

以上function对于jQuery EasyUI中输入框为空值时完全无效。
正确的function如下：

function checkpost()
{
if($("#textid").textbox(‘getValue’)==""){alert(“请选择日期！”);
$(document).ready(function()
{
$(’#textid’).next(‘span’).find(‘input’).focus();
});
return false;
}

对比一下，textbox获取输入框的值的语句不同。
myform.textid.value==""
$("#textid").textbox(‘getValue’)==""
另外注意焦点获取的语句也不同