Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > รบกวนสอบถามการตรวจสอบฟอร์ม form ก่อน submit อยากใช้งานร่วมกับ onclick fn(); ครับ



 

รบกวนสอบถามการตรวจสอบฟอร์ม form ก่อน submit อยากใช้งานร่วมกับ onclick fn(); ครับ

 



Topic : 132034



โพสกระทู้ ( 38 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



สวัสดีครับ รบกวนขอความช่วยเหลือการ การตรวจสอบฟอร์ม 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
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-09-12 19:37:58 By : pramuan_thaicreate View : 1344 Reply : 3
 

 

No. 1



โพสกระทู้ ( 9,587 )
บทความ ( 2 )



สถานะออฟไลน์


ลอง อ้างอิงให้มัน เจาะจงหน่อย ดีไหมครับ
Code (JavaScript)
$('form').find('input').each(function(){
    if(!$(this).prop('required')){
        //
    } else {
        //
    }
});







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-12 20:00:21 By : Chaidhanan
 


 

No. 2



โพสกระทู้ ( 157 )
บทความ ( 0 )



สถานะออฟไลน์


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
 

 

No. 3



โพสกระทู้ ( 38 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ขอบคุณ 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
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนสอบถามการตรวจสอบฟอร์ม form ก่อน submit อยากใช้งานร่วมกับ onclick fn(); ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่