Question

我用HTML / CSS / PHP完成了一个简单的，基于国际象棋的爱好项目。它根据类型，位置和颜色列出并显示给定件的可能移动。但是，该计划不考虑董事会中的任何其他部分。

正如您所看到的，表单工作正常并具有服务器端验证。我的问题是我对JavaScript不熟悉，无法从头开始翻译表单的两个文本字段 [为清晰度编辑] 的服务器端验证。有人可以帮助在JavaScript中复制我的PHP验证代码用于两个输入吗？我不想使用任何框架，因为我希望最终能够精通JS。

以下是表单的PHP代码：http://pastebin.com/embed_js.php?i=0LRJxkFg
这是用于处理的PHP代码（参见第76-120行）http://pastebin.com/embed_js.php?i=pksn9xPd

感谢任何帮助。

Answer 1

好的，这是第一个字段的验证码。（从袖口写下来，在我脑海里它起作用，但现实生活有时很糟糕。另外，我现在习惯使用jQuery，很难回归基础。）

var validatePiece = function (value) {
  var legalValues = " p pawn b bishop r rook n knight q queen k king ";
  return legalValues.indexOf(" " + value + " ") !== -1;
};

这样称呼：

var isPieceValid = validatePiece(document.getElementById("txt-piece").value;

您必须在表单的提交处理程序中调用它。这是处理程序：

var validateForm = function () {
  var isPieceValid = validatePiece(document.getElementById("txt-piece").value);
  var isSquareValid = validateSquare(...); 
  return isPieceValid && isSquareValid;
};

并更改表单元素的定义以在提交时调用它：

<form action="chess_moves.php" method="get" onsubmit="return validateForm();">

我将错误信息的显示留给读者轻松练习。

如何通过JavaScript验证此表单？

1 个答案: