表格验证只读输入

时间:2016-10-27 07:31:54

标签: javascript php jquery forms

好吧,我只是问一下如何用条件验证表格,现在我有新问题,我有输入文字但是只读,让我们说呼叫输入文本是地址,而我有一些输入让我们说呼叫办公室。当我尝试输入办公室时,文本地址将播种取决于我在办公室写的东西。 (我使用ajax和mysql来获取地址),如果那个办公室没有关于mysql的数据,地址就不会显示出来。现在我的问题是表单验证,我需要检查地址是否为空我需要显示提醒。我怎么做的?我尝试这样的代码

$('#form').validate({
            errorElement: 'span',
            errorClass: 'help-block',
            rules: {
                office : {
                 required : true
               },
                address: {
                    required: {
                        depends: function(element) {
                            if ($('#office').val() != '') {
                                return true;
                            } else {
                                return false;
                            }
                        }
                    }
                }},
             messages: {
                Office : "Please insert name office",
                address : "Seem office not quite right"
            }
});

这里是我的HTML代码

<form class="form-filter" id="form" role="form">
   <div class="row">
                <div class="col-md-4 col-sm-5">
                    <div class="form-group">
<label>
                            Office
                        </label>
                        <input type="text" placeholder="Insert name Office" class="form-control" id="Office" name="Office">
                    </div>
                    <div class="form-group">
                        <label>
                            Address
                        </label>
                        <input type="text" class="form-control" id="address" name="address" readonly>
                    </div>
<button type="submit">Check</button>
</from>

但是当我尝试提交它时根本没用。如果我试着不填满我的办公室,那就完美了。或者只读不能用于规则???

Upadte,如果我使用readonly有点儿。所以我尝试了另一种解决方案,我甚至会尝试使用点击按钮。

再次更新!! 好的,我使用按钮甚至点击。并且是工作。所以我只需要像这样检查

$('#btnsave').click(function() {
  if($("#form").valid()==true)
  {
    if($('#address').val()!="")
    {
       do something;
    }
    else
    {
       do alert;
    }
  }
});

1 个答案:

答案 0 :(得分:0)

我有一些代码破解,但您需要根据代码进行管理。所以先测试一下。

$('#address').prop('readonly', false);//Convert readonly while validation perform
//Do your validation stuff
$('#address').prop('readonly', true);//again make it readonly

如果有任何混淆,请告诉我。