动态验证输入框是否有空格或是否为空

validate input boxes dynamically for whitespaces or if empty

本文关键字：是否 空格 输入 动态 验证      更新时间：2023-09-26

大家好，我有一个问题似乎无法解决，我需要验证以下代码以确保在用户更新显示的表中的每一行之前。 数据尚未删除，因此它不为空或仅包含空格

我如何使用 JavaScript 验证这一点以确保用户没有删除数据或不只是在里面放空格我需要对表中的大约 20 个结果执行此操作，因此使用函数会很棒，因此无论显示多少结果，每一行都经过验证并且可以单独更新 

    $result2 = mysqli_query($con,"SELECT * FROM tbl_staffmembers");
    while($row2 = mysqli_fetch_array($result2))
        {       
            echo "<tr><td><input type='text' value=' " .  $row2['staffmember_firstname'] . " '></td><td><input type='submit' value='Update'></td></tr>";                                                
        }

提前感谢您的帮助，我知道如何创建函数 到目前为止，我尝试过的所有内容都只允许我验证显示的第一行 我需要能够验证并提交每一行 像购物车一样购买自己 更新数量 1 买 1

为了清楚起见，我已经创建了以下内容，我需要单独验证每一行以确保没有空格或它不为空

http://jsfiddle.net/o7adxn7c/

我建议在HTML中设置input元素的pattern属性。使用模式是有利的，因为它可以防止用户输入不符合提供的模式的输入。

一个很好的正则表达式：pattern="^[^'s]+$"此正则表达式可确保整个输入字符串至少包含一个字符，并且不能包含空格字符。

在上面的 JSFiddle 代码中，您的echo行将变为以下内容：echo "<tr><td><input type='text' pattern='^['S]+$' value=' " . $row2['staffmember_firstname'] . " '></td><td><input type='submit' value='Update'></td></tr>"; .这使用 'S 模式而不是 ^'s 。它们都应该起作用。

以下是该属性的说明：http://www.w3schools.com/tags/att_input_pattern.asp

以下是有关正则表达式的教程：http://www.w3schools.com/js/js_regexp.asp

你为什么不试试jQuery。遍历每一行，即 $('#TableID'(.find('input'(.each(function.....

相关文章：