好吧,我只是问一下如何用条件验证表格,现在我有新问题,我有输入文字但是只读,让我们说呼叫输入文本是地址,而我有一些输入让我们说呼叫办公室。当我尝试输入办公室时,文本地址将播种取决于我在办公室写的东西。 (我使用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;
}
}
});
答案 0 :(得分:0)
我有一些代码破解,但您需要根据代码进行管理。所以先测试一下。
$('#address').prop('readonly', false);//Convert readonly while validation perform
//Do your validation stuff
$('#address').prop('readonly', true);//again make it readonly
如果有任何混淆,请告诉我。