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

Question

大家好，我有一些问题似乎无法解决我需要验证以下代码以确保在用户更新显示的表格中的每一行之前。数据没有被删除，所以它不是空的或者不只是包含空格

我如何使用 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/

Answer 1

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

一个很好用的正则表达式: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