当字段未填充时,在表单上回显文本

时间:2014-06-17 08:30:15

标签: javascript php forms validation

我想在没有填写内容时(在这种情况下是name="namePatient")在屏幕上(在表单上)打印错误消息。

我已经进行了检查,但我不知道如何将消息回显到表单,以便用户可以看到它。我应该用PHP做这个,还是有更好的选择?

1 个答案:

答案 0 :(得分:0)

有多种方法。我建议你坚持客户端(所以不是php)因为这会更加用户友好。

最简单的方法是使用浏览器验证,这将在提交表单时触发:

<form><input required title="Please give me a value" /></form>

另一种方法是javascript验证(使用jQuery保持演示简单):

$('#myForm').on('submit', function(e){
    var success = true; 
    $(this).find('input,select,textarea').each(function(){
        if( this.value.length===0){
            success = false; // we've found an error
            $(this).addClass('invalidInput');
        }
        else{
            $(this).removeClass('invalidInput'); // don't forget to remove the class if proper value
        }
    });
});

如果你真的想要PHP:

$errors = array();
if( !isset($_POST['example1']) ){ $errors[] = '- Example1 needs to have a value';}
if( !isset($_POST['example2']) ){ $errors[] = '- Example2 needs to have a value';}

if( count($errors) !==0 ){
    echo "The following has gone wrong:<br />\n" . implode("<br />", $errors);
}