<分区>
当收到错误代码指示时，我想将我的 div 布局保留在我的网站上。事情是我不希望多个错误有两个单独的 css/div 布局。这是我到目前为止得到的:
if(!preg_match($email_exp,$email_from)) {
$error_message .= '<font color="blue">The Email Address you entered does not appear to be valid.<br /></font>';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
$error_message .= 'The First Name you entered does not appear to be valid.<br />';
}
if(!preg_match($string_exp,$last_name)) {
$error_message .= 'The Last Name you entered does not appear to be valid.<br />';
}
if(strlen($comments) < 2) {
$error_message .= 'The Comments you entered do not appear to be valid.<br />';
我希望它们都在一个页面上打开并具有相同的布局。如果有多个错误，我希望它们不要每个都有单独的代码。我该怎么做？
最佳答案
所以我认为您要求单个 div 来显示任何错误，如下所示:
<div id="errors">
<?php echo (!empty($error_message) ? $error_message : ""); ?>
</div>
但是如果您希望错误显示在与表单相同的页面上，最好使用 Javascript 来实现。在您的页面上放置类似这样的内容:
<form>
Sample: <input id="sample" type="text" onKeyUp="validateInputs()">
<button type="button">Button Text</button>
</form>
<div id="error-div"></div>
<script>
function validateInputs() {
var errorMessage = '';
var sampleText = document.getElementById('sample').value;
if( !sampleText || sampleText.length < 4 ) {
errorMessage = 'input "Sample" must be as least 4 chars in length';
}
if( errorMessage.length > 0 ) {
document.getElementById('error-div').innerHTML = errorMessage;
} else {
document.getElementById('error-div').innerHTML = 'no errors';
}
}
</script>
这是一个有效的 jsfiddle example .
关于表单的 PHP 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35512218/