如何在联系表格中使用输入类型=“ tel”

Question

PHP新手在这里尝试使用简单的联系表。 我拥有的字段是：“名称”，“电子邮件”，“电话”和“消息”。 我试图弄清楚“电话”字段的处理方式–我希望它输出到“消息”所在的位置，以便在收到电子邮件时将消息和电话号码同时输出到电子邮件正文。 我该怎么做呢？

    if( isset( $_POST['submit'] ) ) : 
        wp_mail( get_option( 'admin_email' ), 
        'Website Contact Form',
        ( isset($_POST['message'] ) ? $_POST['message'] : '(blank)' ), 
        'From: ' . ( isset( $_POST['from_name'] ) ? $_POST['from_name'] : 'Website Contact Form' ) . ' <' . ( isset( $_POST['from_email'] ) ? $_POST['from_email'] : get_option( 'admin_email' ) ). '>' . "\r\n" );
    $output = '<p>Thank you! Your message has been sent.</p>'; 
    else : 
        $output = '
<form action="" method="post"><ul>
    <li>
        <label for="from_name">Name</label>
        <input type="text" name="from_name" id="from_name" />
    </li>
    <li>
        <label for="from_email">Email</label>
        <input type="email" name="from_email" id="from_email" />
    </li>
    <li>
        <label for="from_tel">Phone</label>
        <input type="tel" name="from_tel" id="from_tel" />
    </li>
    <li>
        <textarea name="message" id="message"></textarea>
    </li>
    <li class="submit">
        <input name="submit" type="submit" value="Say Hello!" />
    </li>
</ul></form>';
    endif;
    return $output;

Answer 1

没有像type=tel那样的东西，只需使用type=text并仅对数字进行验证，然后除去连字符，花括号等即可。

$_POST['tel'] = str_replace(array('-','(',')', ' ', '+'), '', $_POST['tel']);
if( is_numeric($_POST['tel']) === FALSE )
  echo 'Telephone # should consist of only numbers.';

Answer 2

或者，使用三个输入type = text

(____) ___ - _____

并与php合并在一起。

Answer 3

你可以验证你的电话号码本 。

在前端，您可以使用JavaScript蒙版使输入字段看起来很性感。