Php 如何创建自定义弹出窗口?

Php 如何创建自定义弹出窗口?,php,javascript,popup,Php,Javascript,Popup,如何制作自定义弹出窗口。最重要的是没有关闭按钮 这里有一点代码 if (empty($username) || empty($password) || empty($email) || empty($phone_no) ||empty($curr_state) || empty($curr_loc)){</br> echo("<script> alert('Fill in details')</script>"); } else{ if(strlen($pas

如何制作自定义弹出窗口。最重要的是没有关闭按钮

这里有一点代码

if (empty($username) || empty($password) || empty($email) || empty($phone_no) ||empty($curr_state) || empty($curr_loc)){</br>
echo("<script> alert('Fill in details')</script>");
}
else{
if(strlen($password)>40){
    echo("<script> alert('Password is too long')</script>");
}
else{ 
$insert = 'INSERT INTO user(username , password , email , phone_number , curr_state , curr_loc) VALUES ( "'.$username.'", "'.$password.'" , "'.$email.'" , "'.$phone_no.'" , "'.$curr_state.'" , "'.$curr_loc.'" )';
mysql_query($insert);
echo("<script> alert('Registration Successful')</script>");
if(空($username)|空($password)|空($email)|空($phone_no)|空($curr_state)|空($curr_loc)){
回声(“警报(‘填写详细信息’)”); } 否则{ 如果(strlen($password)>40){ echo(“警报(‘密码太长’)”); } 否则{ $insert='insert INTO user(用户名、密码、电子邮件、电话号码、当前状态、当前位置)值(“.$username.”、“.$password.”、“.$email.”、“.$phone_no.”、“.$curr_state.”、“.$curr_loc.”、“.$curr_loc.”; mysql_查询($insert); echo(“警报(‘注册成功’)”);
我建议您研究css/html模板系统,如。它们提供了非常好的弹出窗口和警报示例

此外,我建议先用javascript验证表单数据,然后再将表单发送到服务器进行进一步验证(如唯一用户名或电子邮件地址)

这样,在javascript中,您就可以开始调用类似引导的模板了

示例:html

<form name="registration">
    <input type="text" name="username"/>
    <input type="submit" onclick="validateform()">register!</input>
</form>
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button
        <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>

你的插入查询很容易…为什么不使用jquery插件来创建弹出窗口?你可以使用像Alok所说的jquery插件或使用jquery来弹出弹出窗口HTMLelement@Alok你不认为自己做会更容易吗?想想它是如何工作的…一层覆盖另一层。所以现在就做吧。是的,但你不需要验证我们ername长度大于2个字符,或电子邮件地址包含“@”,或者在服务器端重复密码匹配。这就是为什么我在最初的回答中在服务器端写了进一步的验证:)Javascript验证可能很有用,但你只需要在服务器端进行验证。再来一次……我非常擅长编程,我只有2个月大,所以你需要更详细一点
function validateform() {
    var name = document.form.registration.username;
    //validate name...
    // if name is valid then submit with $.ajax
    // else call bootstrap modal like $('#myModal').modal('show')
}