动态验证输入框的空格或空白

时间:2014-12-18 13:46:06

标签: javascript validation

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

我如何使用JavaScript验证这一点,以确保用户没有删除数据,或者只是将空格放入i中,需要在表格中执行此约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/

2 个答案:

答案 0 :(得分:1)

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

要使用的正则表达式: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

答案 1 :(得分:0)

为什么不试试jQuery。循环遍历每一行,即$(&#39; #TableID&#39;)。找到(&#39;输入&#39;)。每个(函数.....