html - How to check the non-from form to php? All the code does not have from, it uses suimobile's front-end framework.-PHP Tutorial-php.cn

html - How to check the non-from form to php? All the code does not have from, it uses suimobile's front-end framework.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Release： 2016-08-04 09:20:42

Original

1090 people have browsed it

How to submit the following non-from form to PHP

<code><ul>
  <!-- Text inputs -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-name"></i></div>
      <div class="item-inner">
        <div class="item-title label">姓名</div>
        <div class="item-input">
          <input type="text" placeholder="Your name">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-email"></i></div>
      <div class="item-inner">
        <div class="item-title label">邮箱</div>
        <div class="item-input">
          <input type="email" placeholder="E-mail">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-password"></i></div>
      <div class="item-inner">
        <div class="item-title label">密码</div>
        <div class="item-input">
          <input type="password" placeholder="Password" class="">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-gender"></i></div>
      <div class="item-inner">
        <div class="item-title label">性别</div>
        <div class="item-input">
          <select>
            <option>Male</option>
            <option>Female</option>
          </select>
        </div>
      </div>
    </div>
  </li>
  <!-- Date -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-calendar"></i></div>
      <div class="item-inner">
        <div class="item-title label">生日</div>
        <div class="item-input">
          <input type="date" placeholder="Birth day" value="2014-04-30">
        </div>
      </div>
    </div>
  </li>
  <!-- Switch (Checkbox) -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-toggle"></i></div>
      <div class="item-inner">
        <div class="item-title label">开关</div>
        <div class="item-input">
          <label class="label-switch">
            <input type="checkbox">
            <div class="checkbox"></div>
          </label>
        </div>
      </div>
    </div>
  </li>
  <li class="align-top">
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-comment"></i></div>
      <div class="item-inner">
        <div class="item-title label">文本域</div>
        <div class="item-input">
          <textarea></textarea>
        </div>
      </div>
    </div>
  </li>
</ul></code>

Copy after login

<code><div class="row">
  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
  <div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
</div></code>

Copy after login

Reply content:

How to submit the following non-from form to PHP

<code><ul>
  <!-- Text inputs -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-name"></i></div>
      <div class="item-inner">
        <div class="item-title label">姓名</div>
        <div class="item-input">
          <input type="text" placeholder="Your name">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-email"></i></div>
      <div class="item-inner">
        <div class="item-title label">邮箱</div>
        <div class="item-input">
          <input type="email" placeholder="E-mail">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-password"></i></div>
      <div class="item-inner">
        <div class="item-title label">密码</div>
        <div class="item-input">
          <input type="password" placeholder="Password" class="">
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-gender"></i></div>
      <div class="item-inner">
        <div class="item-title label">性别</div>
        <div class="item-input">
          <select>
            <option>Male</option>
            <option>Female</option>
          </select>
        </div>
      </div>
    </div>
  </li>
  <!-- Date -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-calendar"></i></div>
      <div class="item-inner">
        <div class="item-title label">生日</div>
        <div class="item-input">
          <input type="date" placeholder="Birth day" value="2014-04-30">
        </div>
      </div>
    </div>
  </li>
  <!-- Switch (Checkbox) -->
  <li>
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-toggle"></i></div>
      <div class="item-inner">
        <div class="item-title label">开关</div>
        <div class="item-input">
          <label class="label-switch">
            <input type="checkbox">
            <div class="checkbox"></div>
          </label>
        </div>
      </div>
    </div>
  </li>
  <li class="align-top">
    <div class="item-content">
      <div class="item-media"><i class="icon icon-form-comment"></i></div>
      <div class="item-inner">
        <div class="item-title label">文本域</div>
        <div class="item-input">
          <textarea></textarea>
        </div>
      </div>
    </div>
  </li>
</ul></code>

Copy after login

<code><div class="row">
  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
  <div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
</div></code>

Copy after login

If you don’t need to jump, you can use the post method in ajax instead of form submission

If you need to jump and submit via POST, you can use CURL

This is a method I encapsulated in the project because I need to submit data to the remote interface

<code>//post提交数据
if (! function_exists('postData')) {
    function postData($url, $params)
    {
        $ch = curl_init();
        $timeout = 300;
        $headers = array();
        $headers[] = 'Content-Type: application/x-www-form-urlencoded; charset=utf-8';//设置头文件content-type
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        curl_setopt($ch, CURLOPT_POST, true);//Post请求
        curl_setopt($ch, CURLOPT_POSTFIELDS, $params); //传递参数
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
        $handles = curl_exec($ch);
        curl_close($ch);
        return $handles;
    }
}</code>

Copy after login

Get the value of each box in js and then submit

Just use ajax to submit

First of all, form is not from. In addition, you need to submit a form that is not included in the form. You can use JS to get the values that need to be submitted, and then use AJAX. Assume we use jQuery:

<code class="javascript">$(function() {

    $submitButton = $('.button-success');
    $submitButton.on('click', function() {
        var data = {
            'name1': $('#field1').val(),
            'name2': $('#field2').val(),
            'name3': $('#field3').val()
        };
        $.post('your_url', data);
    });
});</code>

Copy after login