|
|
|
รบกวนสอบถามการตรวจสอบฟอร์ม form ก่อน submit อยากใช้งานร่วมกับ onclick fn(); ครับ |
|
|
|
|
|
|
|
สวัสดีครับ รบกวนขอความช่วยเหลือการ การตรวจสอบฟอร์ม form ก่อน submit หน่อยครับ
ตอนบันทึกผมใช้ onclick="addRecord()" มันไม่ทำการเช็คให้ครับ มันบันทึกข้อมูลเลยครับ
แต่ถ้าเอา onclick="addRecord()" ออกมันทำการเช็คให้ครับ แต่ไม่สามารถบันทึกข้อมูลได้ครับ
ผมลองแบบนี้ก็ไม่ได้ครับ
Code (PHP)
<form onSubmit = 'return addRecord();'>
<input type='url'>
<input type='button' onclick = 'this.form.submit();' value='Submit'>
</form>
Code (PHP)
<form class="form" id="myform1" name="form1" method="post" action="" >
<div class="row">
<div class="form-group has-feedback">
<label for="phone">เรื่องที่สอบถาม</label>
<input type="text" class="form-control css-require" name="question" id="question">
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
<div>
<label for="">โอนสาย / รายละเอียดคำตอบ</label>
</div>
<div class="form-group has-feedback">
<div class="form-control css-require" style="height:185px">
<div>
<label for="">เบอร์เจ้าหน้าที่หน่วยงานร่วม</label>
</div>
<div class="radio radio-inline" style="padding-right: 15px;">
<input type="radio" id="inlineRadio5" value="โอนสายไปยังเบอร์ 809" name="answer" class="answer">
<label for="inlineRadio5" data-toggle="tooltip" title="พีหนึ่ง กรมพัฒนาธุรกิจการค้า"> 809 </label>
</div>
<div class="radio radio-inline" style="margin-top: 10px; padding-right: 15px;">
<input type="radio" id="inlineRadio17" value="แจ้งเบอร์ 1169" name="answer" class="answer">
<label for="inlineRadio17" data-toggle="tooltip" title="DITP Service Center"> 1169 </label>
</div>
</div>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
<div>
<label for="">เพศ</label>
</div>
<div class="form-group has-feedback" style="width:175px;">
<div class="form-control css-require">
<div class="radio radio-inline">
<input type="radio" id="inlineRadio99" value="ชาย" name="gender" class="gender">
<label for="inlineRadio99"> ชาย </label>
</div>
<div class="radio radio-inline">
<input type="radio" id="inlineRadio100" value="หญิง" name="gender" class="gender">
<label for="inlineRadio100"> หญิง </label>
</div>
</div>
<span class="glyphicon form-control-feedback" aria-hidden="true"></span>
</div>
</div>
<div class="modal-footer">
<button id="choose" name="Submit" value="Submit" type="submit" class="btn btn-success pull-left" onclick="addRecord()">เพิ่มข้อมูล</button>
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">ยกเลิก</button>
</div>
</form>
</div>
</div>
Code (JavaScript)
<script type="text/javascript">
$(function(){
var obj_check=$(".css-require");
$("#myform1").on("submit",function(){
obj_check.each(function(i,k){
var status_check=0;
if(obj_check.eq(i).find(":radio").length>0 || obj_check.eq(i).find(":checkbox").length>0){
status_check=(obj_check.eq(i).find(":checked").length==0)?0:1;
}else{
status_check=($.trim(obj_check.eq(i).val())=="")?0:1;
}
formCheckStatus($(this),status_check);
});
if($(this).find(".has-error").length>0){
return false;
}
});
obj_check.on("change",function(){
var status_check=0;
if($(this).find(":radio").length>0 || $(this).find(":checkbox").length>0){
status_check=($(this).find(":checked").length==0)?0:1;
}else{
status_check=($.trim($(this).val())=="")?0:1;
}
formCheckStatus($(this),status_check);
});
var formCheckStatus = function(obj,status){
if(status==1){
obj.parent(".form-group").removeClass("has-error").addClass("has-success");
obj.next(".glyphicon").removeClass("glyphicon-warning-sign").addClass("glyphicon-ok");
}else{
obj.parent(".form-group").removeClass("has-success").addClass("has-error");
obj.next(".glyphicon").removeClass("glyphicon-ok").addClass("glyphicon-warning-sign");
}
}
});
</script>
Tag : PHP, HTML, JavaScript, jQuery, Bootstrap Framework
|
ประวัติการแก้ไข 2018-09-12 19:42:17
|
|
|
|
|
Date :
2018-09-12 19:37:58 |
By :
pramuan_thaicreate |
View :
1344 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลอง อ้างอิงให้มัน เจาะจงหน่อย ดีไหมครับ
Code (JavaScript)
$('form').find('input').each(function(){
if(!$(this).prop('required')){
//
} else {
//
}
});
|
|
|
|
|
Date :
2018-09-12 20:00:21 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<input type='button' onclick = 'this.form.submit();' value='Submit'>
Code (PHP)
<input type='submit' value='Submit'>
|
ประวัติการแก้ไข 2018-09-12 21:52:22
|
|
|
|
Date :
2018-09-12 21:51:04 |
By :
Jatmentz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณ Chaidhanan, Tuii มากครับ
สามารถใช้งานได้แล้วครับเปลี่ยนไปใช้ validator.js
Code (JavaScript)
$("#choose").click(function() {
if ($('#myForm').validator('validate').has('.has-error').length) {
alert('โปรดกรอกข้อมูลให้ครบถ้วน');
} else {
//$("myForm").submit();
addRecord();
}
});
|
|
|
|
|
Date :
2018-09-13 01:12:45 |
By :
pramuan_thaicreate |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|