小编Moh*_*mar的帖子

在 WordPress 中使用 jQuery 进行表单验证

我有一个由两个下拉字段组成的表单。

<form action="" method="post" id="validation">

    <div>
        <input type="text" name="name">
    </div>
    <div>

    <select id="car" name="car">
      <option value="">Select....</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
    </div>

    <div>
    <select id="fruit" name="fruit">
      <option value="">Select....</option>
      <option value="orange">Orange</option>
      <option value="papaya">Papaya</option>
      <option value="avacado">Avacado</option>
    </select>
    </div>
    <input type="submit" value="Purchase" id="submit">

</form>
Run Code Online (Sandbox Code Playgroud)

我想收集这些信息并执行一些操作,但在我想验证之前。但我不确定在哪里放置我的验证代码。这是我的“ajax_js”文件。

$(document).ready(function(){
    $('#submit').on('click', function(e){
    e.preventDefault();
    var car = $('#car').val();
    var fruit = $('#fruit').val();
    // I am applying validation here
    $('#validation').validate({
    rules: {
    car: {
       required: true
       },
    fruit: {
       required: true
       }  
     }
    }) 
   $.ajax({
     type: 'post', …
Run Code Online (Sandbox Code Playgroud)

ajax wordpress

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

ajax ×1

wordpress ×1