使用javascript进行表单验证，即使只验证第一个字段，也仅验证第一个字段 - javascript

我有一个简单的形式，它使用php来回显：

echo '<form action="" method="POST" name="newTicket" onsubmit="return validateForm(this)">

<label>Full name*:</label><input type="text" style="width:50%" name="ticket_user_fullname" placeholder="Full name..." > <br /><br />

<label>Email address*:</label><input type="text" style="width:50%" name="ticket_user_email" placeholder="[email protected]..." >

<input class="btn" type="submit" name="submit" value="submit" >

</form>';

该窗体正确调用validateForm函数。这是validateForm函数和相关函数：

function validateForm(form){

var reason = "";

reason += validateFullname(form.ticket_user_fullname);
reason += validateEmail(form.ticket_user_email);

  if (reason != "") {
    alert("Some fields need correction:\n" + reason);
    return false;
  }
  return true;
}

function validateFullname(ticket_user_fullname)
{
error = "";
var re = /^[a-zA-Z ]*$/;    

if(ticket_user_fullname.value == "" || ticket_user_fullname.value == null) {
    error = "Full name must not be empty. \n";
    ticket_user_fullname.style.border="1px solid red";
}else if(!re.test(ticket_user_fullname.value)){
    error = "Your name cannot contain numbers or special characters. \n"
    ticket_user_fullname.style.border="1px solid red";
}else{
form.ticket_user_fullname.style.border="1px solid #cccccc";
}       

return error;
}

function validateEmail(ticket_user_email)
{
error = "";
var re = /\S+@\S+\.\S+/;

if(ticket_user_email.value == "" || ticket_user_email.value == null) {
    error = "Email must not be empty. \n";
    ticket_user_email.style.border="1px solid red";
}else if(!re.test(ticket_user_email.value)){
    error = "Your email must be in the format: [email protected]. \n"
}else{
ticket_user_email.style.border="1px solid #cccccc";
}   

return error;
}

在全名字段中未输入任何内容或在全名字段中输入数字时，表格将正确验证。输入正确的字符串后，它将忽略对表单其余部分的验证，并提交表单。

应该发生的是，所有字段中的所有数据在提交之前都应该正确。

参考方案

在您的function validateFullname(ticket_user_fullname)

form.ticket_user_fullname.style.border="1px solid #cccccc";

应该是ticket_user_fullname.style.border="1px solid #cccccc";

您的表格中应该有一些错误。

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…

Mongo汇总 - javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …

JavaScript中的字符串评估函数 - javascript

            JavaScript中是否有任何内置函数，例如Python中的eval内置函数？注意：eval函数将方程式作为字符串并返回结果。例如，假设变量x为2，则eval("2x+5")返回9。 参考方案 是的，JavaScript中也有eval函数。此外，该声明应有效用于评估，即eval("2*x+5"…

如何在JQuery中操作JSONArray - javascript

我有一个php函数，它以JSON返回此代码{"0":{"title":"Dans l\u2019appartement"},"1":{"title":"A l\u2019a\u00e9roport - D\u00e9part de B\u00e9at…

在两个值之间匹配并返回正则表达式 - javascript

我正在尝试使用正则表达式从字符串中获取值，该值是tt="和"&之间的文本的值因此，例如，"tt="Value"&"我只想从中得到单词"Value"。到目前为止，我已经有了：/tt=.*&/这给了我"tt=Value"&，然后，要…