- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我已经编写了一个非常简单的 javascript 表单,但是我无法让它正常运行。正如您将在下面的代码和 fiddle 中看到的那样。我需要表格来验证所有部分,并确保在名字和姓氏框中仅添加字母数字信息。我还想在 1 个或所有字段中未输入任何内容时返回错误。
我是 Javascript 编码的新手,所以请有人帮助我解决这个问题。我相信会有一个快速简单的修复方法。
提前致谢。
https://jsfiddle.net/cal122/juwt6wvv/6/
function ValidationEvent() {
var name = document.getElementById("name").value;
var email = document.getElementById("name2").value;
var contact = document.getElementById("message").value;
if (name != '' && name2 != '' && message != '') {
if (/^([\w-\.]+ $/.test(name)) {
alert("All type of validation has done on OnSubmit event.");
return true;
} else {
alert("Please provide valid first name!");
return false;
}
} else {
alert("Please provide valid second name!");
return false;
}
} else {
alert("Please put some text in the message box");
return false;
}
} else {
alert("All fields are required.....!");
return false;
}
}
.main {
width:333px;
padding:10px;
margin-top:20px;
margin-right:-28px;
border:1px solid black;
float:right;
z-index:-1;
}
input[type=text] {
width:100%;
height:40px;
padding:5px;
margin-bottom:25px;
margin-top:5px;
border:2px solid #ccc;
color:#4f4f4f;
font-size:16px;
}
label {
color:black;
font-size:14px;
}
input[type=submit] {
font-size:18px;
background: #CF1559;
cursor:pointer;
width:40%;
}
input[type=submit]:hover {
background: #fff;
}
<form action="#" method="post" onsubmit="return ValidationEvent()">
<label>First Name:</label>
<input id="name" name="name" placeholder="Enter your name" type="text">
<label>Last Name:</label>
<input id="name2" name="name2" placeholder="Enter your last name" type="text">
<label>Message:</label>
<input id="Message" name="Message" placeholder="" type="text">
<input type="submit" value="Submit">
</form>
最佳答案
主要问题是您没有正确使用正则表达式。
这一行:
if (name == /^([\w-\.]+ $) {
应该看起来像这样:
if (/^([\w-\.]+)$/.test(name)) {
请注意,正则表达式用斜杠 (//
) 包裹起来。我们还利用 test
函数来确定 name
的值是否被 RegExp
对象找到。
我建议阅读 MDN 上的正则表达式:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
此外,还有许多在线 RegExp 测试工具可以帮助您尝试您的模式。我喜欢使用 RegExp 101:https://regex101.com/
次要问题是 if/else 逻辑非常糟糕:
if (name != '' && name2 != '' && message != '') {
if (/^([\w-\.]+ $/.test(name)) {
alert("All type of validation has done on OnSubmit event.");
return true;
} else {
alert("Please provide valid first name!");
return false;
}
} else {
alert("Please provide valid second name!");
return false;
}
} else {
alert("Please put some text in the message box");
return false;
}
} else {
alert("All fields are required.....!");
return false;
}
对于您试图捕获的其他情况,您没有与 else
语句相匹配的 if
语句:
if (name != '' && name2 != '' && message != '') {
if (/^([\w-\.]+)$/.test(name)) {
alert("All type of validation has done on OnSubmit event.");
return true;
} else {
alert("Please provide valid first name!");
return false;
}
if (/^([\w-\.]+)$/.test(name2)) {
return true;
} else {
alert("Please provide valid second name!");
return false;
}
if (/^([\w-\.]+)$/.test(message)) {
return true;
} else {
alert("Please put some text in the message box");
return false;
}
} else {
alert("All fields are required.....!");
return false;
}
在这里,每个else
都有一个if
。除此之外,如果您的正则表达式不正确,验证可能无法进行。我无法在此处更正该问题,但您应该能够利用上面的链接自行修复该问题。请记住,您不应该永远依赖客户端验证,并且应该始终在服务器端对数据库或 API 进行验证之前仔细检查您的验证。
关于javascript - 快速 Javascript 表单查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36019164/
我有三张 table 。表 A 有选项名称(即颜色、尺寸)。表 B 有选项值名称(即蓝色、红色、黑色等)。表C通过将选项名称id和选项名称值id放在一起来建立关系。 我的查询需要显示值和选项的名称,而
在mysql中,如何计算一行中的非空单元格?我只想计算某些列之间的单元格,比如第 3-10 列之间的单元格。不是所有的列...同样,仅在该行中。 最佳答案 如果你想这样做,只能在 sql 中使用名称而
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 7 年前。 Improve this ques
我正在为版本7.6进行Elasticsearch查询 我的查询是这样的: { "query": { "bool": { "should": [ {
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 7 年前。 Improve this ques
是否可以编写一个查询来检查任一子查询(而不是一个子查询)是否正确? SELECT * FROM employees e WHERE NOT EXISTS (
我找到了很多关于我的问题的答案,但问题没有解决 我有表格,有数据,例如: Data 1 Data 2 Data 3
以下查询返回错误: 查询: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE lower(PersonEm
以下查询返回错误: 查询: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE lower(PersonEm
我从 EditText 中获取了 String 值。以及提交查询的按钮。 String sql=editQuery.getText().toString();// SELECT * FROM empl
我有一个或多或少有效的查询(关于结果),但处理大约需要 45 秒。这对于在 GUI 中呈现数据来说肯定太长了。 所以我的需求是找到一个更快/更高效的查询(几毫秒左右会很好)我的数据表大约有 3000
这是我第一次使用 Stack Overflow,所以我希望我以正确的方式提出这个问题。 我有 2 个 SQL 查询,我正在尝试比较和识别缺失值,尽管我无法将 NULL 字段添加到第二个查询中以识别缺失
什么是动态 SQL 查询?何时需要使用动态 SQL 查询?我使用的是 SQL Server 2005。 最佳答案 这里有几篇文章: Introduction to Dynamic SQL Dynami
include "mysql.php"; $query= "SELECT ID,name,displayname,established,summary,searchlink,im
我有一个查询要“转换”为 mysql。这是查询: select top 5 * from (select id, firstName, lastName, sum(fileSize) as To
通过我的研究,我发现至少从 EF 4.1 开始,EF 查询上的 .ToString() 方法将返回要运行的 SQL。事实上,这对我来说非常有用,使用 Entity Framework 5 和 6。 但
我在构造查询来执行以下操作时遇到问题: 按activity_type_id过滤联系人,仅显示最近事件具有所需activity_type_id或为NULL(无事件)的联系人 表格结构如下: 一个联系人可
如何让我输入数据库的信息在输入数据 5 分钟后自行更新? 假设我有一张 table : +--+--+-----+ |id|ip|count| +--+--+-----+ |
我正在尝试搜索正好是 4 位数字的 ID,我知道我需要使用 LENGTH() 字符串函数,但找不到如何使用它的示例。我正在尝试以下(和其他变体)但它们不起作用。 SELECT max(car_id)
我有一个在 mysql 上运行良好的 sql 查询(查询 + 连接): select sum(pa.price) from user u , purchase pu , pack pa where (
我是一名优秀的程序员,十分优秀!