如何判断html中文本框内容是否为空

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

如何判断html中文本框内容是否为空

判断表单中的文本框的内容是否为空的方法有很多:1.通过php语句判断 2.通过js语句判断 3.通过html原生语句进行判断。

1.通过PHP语句判断 :

html中内容:

<form action="submit.php" method="post"><textarea name="text"></textarea></form>
登录后复制

php中内容:

//submit.php<?phpif(isset($_POST['text']) && strlen(trim($_POST['text']))>0)echo '不空';elseecho '空 ';?>
登录后复制

2.通过JS语句判断

<html><head><title>JS判断input是否为空</title><script>function op(){if(document.getElementById("ip").value==""){alert("input为空");}else{alert(document.getElementById("ip").value);}}</script></head><body>    <input id="ip" onblur="op()" value="JS"/></body></html>
登录后复制

3.通过required属性判断

<html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>表单</title></head><body>    <form action="" style="display: grid;" method="POST">         <div>        <label for="username">账号:</label>        <input type="text" id="username" required>                                  <!--required为必须填写数据-->    </div></body></html>
登录后复制

推荐:《html知识》

以上就是如何判断html中文本框内容是否为空的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:如何使用HTML5 canvas绘制一个矩形
下一篇:聊聊Node.js stream 模块,看看如何构建高性能的应用

发表评论

关闭广告
关闭广告