即時通訊使用jquery驗證和一切工作除1場。下面我有jquery驗證不驗證所有表單
$().ready(function() {
$('#cForm').validate({
rules: {
cFname: { required: true },
cLname: { required: true },
cEmail: { required: true },
cMessage: { required: true }
},
messages: {
cFname: { required: "Please enter your first name" },
cLname: { required: "Please enter your last name" },
cEmail: { required: "Please enter your email address", email: "Must be a valid email address" },
cMessage: { required: "Please enter a message" }
},
submitHandler: function(form) {
$("#cSubmit span").text("Processing...");
$("#cSubmit").attr('btn-disabled', true);
form.submit();
},
// Do not change code below
errorPlacement : function(error, element) {
error.insertAfter(element);
}
});
});
以下jQuery和這裏是我的HTML標記
<form id="cForm" name="cForm" method="post">
<div class="row">
<div class="col-sm-6" style="padding-right:5px;">
<input type="text" class="form-control" placeholder="Please enter your first name" id="cFname" name="cfname">
</div>
<div class="col-sm-6" style="padding-left:5px;">
<input type="text" class="form-control" placeholder="Please enter your last name" id="cLname" name="cLname">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<input type="email" class="form-control" placeholder="Please enter your email address" id="cEmail" name="cEmail">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<textarea class="form-control" rows="10" placeholder="Write your message here" name="cMessage" id="cMessage" required></textarea>
</div>
</div>
<button href="https://collabbro-bvcxtds.c9.io/app/" type="submit" class="btn btn-default" name="cSubmit" id="cSubmit" role="button">Submit</button>
</form>
代碼驗證大家現場除了cFname
輸入,我不知道爲什麼。我試圖改變HTML中的id
和name
屬性,但沒有任何工作。我在俯視什麼?感謝您幫助我成爲一個更好的全棧開發者:)
將'name =「cfname」'更改爲'name =「cFname」'問題已解決https://jsfiddle.net/z0pk7pk4/7/ – Shehary
所以你告訴我這些錯字對我...... –
發佈它作爲答案,並投票給你。謝了哥們。 –