Sistem siaran berita pembangunan PHP menerbitkan halaman HTML
Gambar di atas ialah halaman keluaran berita yang ingin kami lakukan
Borang <borang> serta latar belakang CSS ringkas
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style>
body{
background-color: rgba(128, 128, 128, 0.3);
}
</style>
</head>
<body>
<form method="post" action="new_post.php" name="myform">
<h1>发布新闻系统</h1>
<p>标题：<input type="text" name="title"/></p>
<p>内容：<textarea cols=30 rows=5 name="content"></textarea></p>
<p><button>发布新闻</button></p>
</form>
</body>
</html> Kami perlu melakukan beberapa pengesahan pada halaman keluaran berita kami Jika tajuk dan kandungan berita tidak diisi, ia tidak dibenarkan untuk diterbitkan Kami menggunakan JS untuk melakukan pengesahan
Anda perlu buat pengesahan dalam acara <form> JS, kodnya adalah seperti berikut
<form method="post" action="new_post.php" onsubmit=" return foo();" name="myform">
Tambahkan kod berikut pada kepala
<script>
function foo(){
if(myform .title.value==""){
alert('Sila isikan tajuk berita anda');
myform.title.focus();
return false;
}
jika (myform.content.value==""){
alert('Kandungan berita tidak boleh kosong');
myform.content.focus();
return false;
}
}
</script>
function foo(){
if(myform .title.value==""){
alert('Sila isikan tajuk berita anda');
myform.title.focus();
return false;
}
jika (myform.content.value==""){
alert('Kandungan berita tidak boleh kosong');
myform.content.focus();
return false;
}
}
</script>
Sekarang jika anda menghantar berita tanpa mengisi tajuk dan kandungan, ia tidak dibenarkan untuk diterbitkan
Kod lengkap fail new.html adalah seperti berikut
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<style>
body{
background-color: rgba(128, 128, 128, 0.3);
}
</style>
<script>
function foo(){
if(myform.title.value==""){
alert('请填写你的新闻标题');
myform.title.focus();
return false;
}
if(myform.content.value==""){
alert('新闻内容不能为空哦');
myform.content.focus();
return false;
}
}
</script>
</head>
<body>
<form method="post" action="new_post.php" onsubmit=" return foo();" name="myform">
<h1>发布新闻系统</h1>
<p>标题：<input type="text" name="title"/></p>
<p>内容：<textarea cols=30 rows=5 name="content"></textarea></p>
<p><button>发布新闻</button></p>
</form>
</body>
</html>Langkah seterusnya ialah menyerahkan maklumat berita yang kami isi pada halaman ke halaman new_post.php untuk diproses
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<style>
body{
background-color: rgba(128, 128, 128, 0.3);
}
</style>
<script>
function foo(){
if(myform.title.value==""){
alert('请填写你的新闻标题');
myform.title.focus();
return false;
}
if(myform.content.value==""){
alert('新闻内容不能为空哦');
myform.content.focus();
return false;
}
}
</script>
</head>
<body>
<form method="post" action="new_post.php" onsubmit=" return foo();" name="myform">
<h1>发布新闻系统</h1>
<p>标题：<input type="text" name="title"/></p>
<p>内容：<textarea cols=30 rows=5 name="content"></textarea></p>
<p><button>发布新闻</button></p>
</form>
</body>
</html>
