单击按钮时会显示一个标题框


Show up a title box,when you click a button

我想知道是否有一种方法可以在你点击按钮时显示一个包含消息的标题框,或者作为一个更好的例子,你有一个输入,在php脚本评估值后,它是错误的,会显示一个标题框,说"错的"。。。有什么想法吗?如果可能的话,只使用php!!

编辑:我要找的不是一条简单的消息,比如:

echo '<p></p>';

我当然知道怎么做,它的基本。。。我只是想知道是否会出现一个标题框,像这样:

  <input type=text title='Wrong'>

但在其评估值之后。。。

您可以通过使用按钮设置GET或POST值来实现这一点:

html:

<form method="post">
<input type="hidden" name="postvalue" value="yes">
</form>

php:

<?php
if(isset($_POST['postvalue'])){
echo "<p>messageboxtoshow</p>";
}
?>

然而,使用javascript的解决方案会更好地工作,看起来更友好,而且这只适用于页面刷新。

试试这个例子一个

<?php
if(isset($_POST['submit'])){
echo "<p> Your message</p>";
}
?>
<form action=<?php $_SERVER['PHP_SELF']?> method="post" >
<input type="submit" name="submit" value="submit">
</form>

您是指每个输入字段的验证吗?您可以为此使用JQuery。

我做了一把小提琴给你一个视觉上的想法:http://jsfiddle.net/4b3tzreo/

例如,如果这是您的表单:

<div class="container">
    <div class="left">
        Username
    </div>
    <div class="right">
        <input type="text" name="username" id="username" />
    </div>
</div>
<div class="container">
    <div class="left">
        Password
    </div>
    <div class="right">
        <input type="password" name="password" id="password" />
    </div>
</div>
<div class="container">
    <div class="left">
        <button id="submit">Submit values</button>
    </div>
</div>

当输入值为空时,您可以向其中添加一个类,如下所示:

$('#submit').click(function(){
   var username = $('#username').val();
    var password = $('#password').val()
    if(username === '') {
         $('#username').addClass('error');  
        alert('username is not filled');
    }
    if(password === '') {
        $('#password').addClass('error');
        alert('password is not filled');
});