Question

我在jsp页面上有多个文本框。我想在提交时检查每个文本框是否都为空。当我提交并且任何文本框为空时，它不应该允许提交给servlet页面。如何检查多个文本框？

<script type="text/javascript">
    function checkvalue() { 
    var mystring = document.getElementById('uname').value;
    var mystring1 = document.getElementById('pass').value; 
    if(!mystring.match(/\S/) && !mystring1.match(/\S/))
        {
            alert ('Empty value is not allowed');
            return false;
        }
    else 
        {
            alert("correct input");
            return true;
        }
    }

我已经尝试过如上所述的javascript。我只是想知道如何减少多个文本框的代码？

Answer 1

<script type="text/javascript">
    function checkvalue() { 
    var mystring = document.getElementById('uname').value;
    var mystring1 = document.getElementById('pass').value; 
    if(!mystring.match(/\S/) && !mystring1.match(/\S/))
        {
            alert ('Empty value is not allowed');
            return false;
        }
    else 
        {
            alert("correct input");
            return true;
        }
    }

我已经尝试过如上所述的javascript。我只是想知道如何减少多个文本框的代码？

Answer 2

您可以使用提交按钮上的onclick事件执行此操作，并删除表单标记中的操作属性（如果有）。在onclick事件处理函数内部，使用.. document.getElementById（＆＃34; checkBoxId＆＃34;）检查是否检查了所有复选框.trust - 返回true / false;在此验证之后，您可以使用document.form [＆＃39; formId＆＃39;]。提交（）;

在表单上提交

如果您需要更多帮助，请与我联系。

Answer 3

只有Jquery验证和服务器端验证，但如果您仍想实现自定义验证，那么您应该进行如下更改。

function checkvalue() { 
var returnValue = true;
$(".TxtBox").each(function(el,ue){ 
    if(!$(ue).match(/\S/)
    {
         alert("Empty value is not allowed");
         returnValue = false;
    }
    return returnValue;
})
}

如何检查任何文本框在jsp页面上不为空？

3 个答案: