Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

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

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

เริ่มหัวข้อใหม่

Pramuan Yingyong

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

สวัสดีครับ รบกวนขอความช่วยเหลือการ การตรวจสอบฟอร์ม 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 : 1379

Reply : 3

No. 1

Chaidhanan

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

ลอง อ้างอิงให้มัน เจาะจงหน่อย ดีไหมครับ
Code (JavaScript)

$('form').find('input').each(function(){
    if(!$(this).prop('required')){
        //
    } else {
        //
    }
});

Date : 2018-09-12 20:00:21

By : Chaidhanan

No. 2

Tuii

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

Code (PHP)

1.<input type='button' onclick = 'this.form.submit();' value='Submit'>

Code (PHP)

1.<input type='submit' value='Submit'>

ประวัติการแก้ไข
2018-09-12 21:52:22

Date : 2018-09-12 21:51:04

By : Jatmentz

No. 3

Pramuan Yingyong

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

ขอบคุณ 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(); ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] รบกวนสอบถามการตรวจสอบฟอร์ม form ก่อน submit อยากใช้งานร่วมกับ onclick fn(); ครับ

No. 1

No. 2

No. 3

ค้นหาข้อมูล

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

Notice

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