Question

我是php和jquery的新手。我想验证输入类型文本。

<input type="text" size="5" name="add_qnty[]" value="">

我已尝试过服务器端脚本，但没有用。所以请帮助我这样，只有当所有文本框都填充数据时，我的提交才会重定向。

Answer 1

试试这个：将'class = required'添加到表单中的所有必填字段，并将这些字段作为数组发送到以下函数，如：

       checkFrmFill( $( "#formid").find(".required"));

，功能将是：

        function checkFrmFill(inputs) {

            var returnVal = true;
            for (var i = 0; i < inputs.length; i++) {
                if (inputs[i].type == "text" && inputs[i].value == "") {
                    returnVal = false;
                } else if (inputs[i].tagName == "SELECT" && ( inputs[i].value == "select" ||  inputs[i].value == 0 ) || inputs[i].value == "" || inputs[i].value == null) {
                    returnVal = false;
                } else if (inputs[i].type == "password" && inputs[i].value == "") {
                    returnVal = false;
                } else if (inputs[i].type == "textarea" && inputs[i].value == "") {
                    returnVal = false;
                }
              }
              return returnVal;
          }

对于那些空白的字段，这将返回false。

Answer 2

对于每个文本输入，在标记的末尾添加必需属性。

   <input type="text" size="5" name="add_qnty[]" value="" required> 
   <input type="text" size="5" name="add_qnty[]" value="" required>

参考http://www.w3schools.com/tags/att_input_required.asp

Answer 3

HTML

..............................

表单id =＆＃39; frm＆＃39;

提交按钮ID =＆＃39; submit_frm＆＃39;

SCRIPT

.............................

$（函数（）{

$（＆＃39;＃submit_frm＆＃39）。单击（函数（）{

$（＆＃39;＃FRM＆＃39）找到（＆＃39; em.err＆＃39）。除去（）;

$('#frm').find('input[type=text]').each(function(){

  if($(this).val()==''){

     $(this).parent().append('<em class="err">This field is required</em>');

  }

});

if($('#frm').find('em.err').length > 0 ){

  return false;

}else{

    return true;

}

}）;

Answer 4

试试这个：工作示例JSFIDDLE

$("form").on("submit",function(){
    var len = $("input[name='add_qnty[]']").filter(function() {
        return !this.value; 
    }).addClass("has-error").length;
    alert(len);
    if(len == 0){
        return true; // Submit form
    } else {
        return false; // Validation failed
    }
})

输入类型文本数组jquery验证

4 个答案: