Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับ Sweetalert ทีค่ะ มันขึ้นมา แล้วก็หายวับไปเลย อยากให้รอเพื่อกดโอเค แล้วไปยังหน้าต่อไป

สอบถามเกี่ยวกับ Sweetalert ทีค่ะ มันขึ้นมา แล้วก็หายวับไปเลย อยากให้รอเพื่อกดโอเค แล้วไปยังหน้าต่อไป

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

Because Love You

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

จาก code ต้องเขียนแก้ยังไงคะ ซึ่งพอกดแล้ว submit แล้วจะไปยังหน้า login.php ต่อไป รบกวนทีค่ะ
ขอบคุณมากๆค่ะ

Code (PHP)

  <body class="body-bg-full">
    <div class="container page-container">
      <div class="page-content">
	          <div class="logo"><img src="images/logo-login-light.png" alt="" width="250"></div>
		<form action="login.php" method="post" enctype="multipart/form-data" class="form-horizontal" name="form">
          <div class="form-group">
            <div class="col-xs-12">
              <input type="text"name="adminuser" placeholder="Username" class="form-control" autocomplete="off">
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12">
              <input type="password" name="adminpass" placeholder="Password" class="form-control" autocomplete="off">
            </div>
          </div>

          <button type="submit" id="submit" name="submit" class="btn-lg btn btn-primary btn-rounded btn-block">Sign in</button>
        </form>
        <hr>
      </div>
    </div>

<script>

$("#submit").click(function){
  swal({
              title: "Successfully",
              text: "Submit OK",
              icons : "success";
              buttons : "OK";
          },
          function(){
              // Submit form
          });
       }
  }
);
</script>

Tag : PHP, HTML, CSS, JavaScript

Date : 2019-07-03 08:58:51

By : because

View : 2182

Reply : 4

No. 1

Chaidhanan

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

<button type="submit" เปลี่ยนเป็น type button มันโชว์แปปเดียว เพราะตัวนี้
แต่ไวยกรณ์ผิดมันทำงานได้ก็แปลว่า ก๊อปมาถามมั่วๆ
หรือก๊อปของจริงมาก็แปลกแล้ว
และพวก indent ควรวางให้เราเข้าใจได้ง่ายๆ จะได้เห็นไวยกรณ์ได้ถูก
Code (JavaScript)

$("#submit").click(function){ /* ใช่เหรอ รูปแบบนี้เหรอ มั่วมากๆ จะถามทั้งที่ก็เขียนให้มันถูกไวยกรณ์หน่อยจะได้แนะนำได้ถูก */
	swal({
		title: "Successfully",
		text: "Submit OK",
		icons : "success"; // Error ตรงนี้ ไม่ใช่ เซมิโคล่อน ต้องเป็น คอมม่า อย่ามั่วเอามาลง
		buttons : "OK";  // Error ตรงนี้ ไม่ต้องใส่ เซมิฯ มันเป็น element สุดท้าย
	},
	function(){ 
	  // Submit form
	});
}
}); // ตรงนี้ก็เออเร่อร์ เกินมาหรือเปล่า

รูปแบบ sweetalert ลืมไปหมดแล้ว เพราะใช้ sweetalert2
หา document มันมาอ่านจะดีกว่า

Date : 2019-07-03 10:53:23

By : Chaidhanan

No. 2

1234

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

Code (PHP)

<meta charset="utf8">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
function confirmalert2(data) {
	swal({
		title: "",
		text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
		icon: "warning",
		buttons: ['ยกเลิก','บันทึก'],
		dangerMode: true,
	}).then(function(isConfirm) {
		if (isConfirm) {
		console.log(data);
		window.location = data;
	} else {
			swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
		}
	})
}
</script>
<button type="button" onclick="confirmalert2('<?="login.php?id=$cols[0]"?>')">button</button>

ลองดูครับ

Date : 2019-07-03 11:36:56

By : nobetaking

No. 3

Because Love You

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

รบกวนอีกนิดค่ะ
** ตาม code ด้านล่างนี้ พอคลิกที่ปุ่ม submit มันเด้งขึ้น SweetAlert แล้ว กด OK มันก้ไปหน้า Login.php เพื่อไปตรวจสอบ username/password ก่อนที่จะไปยังหน้าจัดการ

** ปัญหาคือ ถ้ากรอก user/pass ถูก มันก็ปกติค่ะ แต่ถ้ากรอกผิด มันจะขึ้น Success ก่อน แล้วไปยังหน้า login.php แต่แจ้งว่า user/pass ผิด แล้วกลับมาหน้ากรอกใหม่

แก้ยังไงคะเมื่อเวลากรอกผิดให้ไม่ต้องขึ้น Sweetalert Success ค่ะ

ขอบคุณค่ะ

Code (PHP)

<script type="text/javascript">
$(document).ready(function () {
$('#login-form').on('submit', function(e) {
var form = this;

swal({
  title: "Successfully",
  text: "เข้าสู่ระบบเรียบร้อยแล้ว",
  type: "success",
  icons : "OK",
},
function() {
  form.submit();
});
e.preventDefault();
});
});
</script>

Date : 2019-07-03 15:46:29

By : because

No. 4

Chaidhanan

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

ไม่ควรใช้ sweetalert กับ event submit ของ form หรือ ปุ่ม submit

เพราะ การทำงานของ sweetaleart มันทำงานเป็น syncornize คือทำงานไปพร้อมๆ กัน
เมื่อเรา ส่งค่าเรียกใช้ function swal() แล้ว ตัวโปรแกรม ก็จะทำงานต่อไปเลย

เช่น

swal(......);
alert('abvcde');

คำสั่ง alert ก็จะทำงานต่อไปเลย โดยไม่ต้องรอว่า swal() จะทำงานเสร็จหรือยัง
จะใช้งานอะไรต้องศึกษาสิ่งที่จะใช้งานให้มากๆ

Date : 2019-07-03 16:39:23

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเกี่ยวกับ Sweetalert ทีค่ะ มันขึ้นมา แล้วก็หายวับไปเลย อยากให้รอเพื่อกดโอเค แล้วไปยังหน้าต่อไป

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 00