如何通过表单发送日期时间字段值

时间:2018-02-24 15:35:31

标签: javascript html forms

基本上我有一个带有几个输入字段的表单。

<form action="." id="myForm">
   <input type="text" name="field1" id="field1" />
   <input type="text" name="field2" id="field2" />
   <input type="datetime-local" name="field3" id="field3" />
   <input type='submit' id='submit' value='Submit'>
</form>

我正在努力做的是抓住用户选择的日期时间字段,并通过我的电子邮件中的表单提交发送它。作为参考,我发送其他值。任何想法如何制作?

这是我检查字段是否已填充EX。

的方法
if ( isset( $_POST[ 'field1' ] ) ) {
            $field1 = stripslashes( $_POST[ 'field1' ] );
            if ( ! empty( $field1 ) ) {
                $email_body .= sprintf( __( 'Name : %s'), $field1 ) . "<br/><br/>";
            }
        }

1 个答案:

答案 0 :(得分:0)

为您的问题找到一个可行的解决方案,您可以使用该字段的值通过Ajax请求提交它,以避免在提交表单时刷新页面

<form action="." id="myForm">
   <input type="text" name="field1" id="field1" />
   <input type="text" name="field2" id="field2" />
   <input type="date" name="field3" id="field3" />
   <input type='submit' id='submit' value='Submit'>
</form>

java脚本

  var fr = document.getElementById("submit");
    var field3 =  document.getElementById("field3");
    fr.addEventListener("click", function(){
      console.log(field3.value)
    });

https://codepen.io/anon/pen/aqawRx