Question

如何在提交时检查用户是否填写了一些文本框？我的文本框具有不同的ID和名称。

如果用户未填写所需的密码，则表格不会继续。

谢谢。

Answer 1

您可以使用JavaScript或脚本本身来完成此操作。

如果使用javascript，您只需在允许表单提交之前根据您的要求检查表单字段。但是，如果出于某些原因关闭了javascript，您可能仍需要在脚本中实现此功能。

基本上，在脚本中，您在提交表单时检查表单的值：

if($_GET['field_name']) !== 'the value I expect') {
  // show the form again with errors
}

// continue

希望有所帮助。

Answer 2

尝试以下方法。当然你可以调整表格和id等，但基本原则应该有效。也显示在这里：http://jsfiddle.net/j3nSB/2/

 <form>
    <input type="text" id="username" value=""/>
    <input type="password" id="password" value="" />
    <input type="submit" id="submitButt" value="Go" />
    </form>

    document.getElementById("submitButt").onclick = function () {
        if(document.getElementById("username").value.length == 0 |document.getElementById("password").value.length == 0) {
          return false;
        }
    }

Answer 3

假设你有一个表单，这是我能想到的最简单/通用的方法，使用纯JavaScript。

<script type="text/javascript">
var arrRequiredFields = [ "txtPassword", "txtEmail" ];
window.onload = function() {
   document.forms[0].onsubmit = function() {
      for (var i = 0; i < arrRequiredFields.length; i++) {
         var field = document.forms[0].elements[arrRequiredFields[i]];
         if (field && field.value.length == 0) {
            alert("Missing required value");
            field.focus();
            return false;
         }
      }
      return true;
   };
};
</script>

只需输入所需元素的名称（不是ID），将代码放入页面即可。

实时测试案例：http://jsfiddle.net/kf7pL/

Answer 4

使用它：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

它非常易于使用，您只需在每个必需的输入字段中添加一类“必需”。

就像$('#form').validate();

一样简单

它还支持整数和日期之类的东西。强烈推荐给任何人

在提交时检查文本框中所需文本的代码

4 个答案: