-1

フィールドがほとんどないフォームがあり、誰かが送信ボタンをクリックしたときにフォームの送信をjavascript確認ボックスで確認する必要があり、[ OK ]をクリックするとフォームを送信する必要があります。私のフォーム構造は

    <form method="post" style="margin: 10px;" id="rForm">
    <table style="margin-left:20px;">
    <tbody>
    <tr>
    <td class="f_title_sm label">First Name</td>
    <td class="f_value_sm"><input type="text" name="user_first_name" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_first_name']) ? $_POST['user_first_name'] : ''); ?>" /> *</td>
    </tr>

    <tr>
    <td class="f_title_sm label">Middle Name</td>
    <td class="f_value_sm"><input type="text" name="user_middle_name" class="inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_middle_name']) ? $_POST['user_middle_name'] : ''); ?>" /></td>
    </tr>
    <tr>
    <td class="f_title_sm label">Last Name</td>
    <td class="f_value_sm"><input type="text" name="user_last_name" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_last_name']) ? $_POST['user_last_name'] : ''); ?>" /> *</td>
    </tr>

    <tr>
    <td class="f_title_sm label">Email ID</td>
    <td class="f_value_sm"><input type="text" name="user_email" class="validate[required,custom[email]] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_email']) ? $_POST['user_email'] : ''); ?>" /> * </td>
    </tr>
    <tr>
    <td class="f_title_sm label">City</td>
    <td class="f_value_sm"><input type="text" name="user_city" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_city']) ? $_POST['user_city'] : ''); ?>" /></td>
    </tr>
    <tr>
    <td class="f_title_sm label">State</td>
    <td class="f_value_sm"><input type="text" name="user_state" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_state']) ? $_POST['user_state'] : ''); ?>" /></td>
    </tr>
    <tr>
    <td class="f_title_sm label">Country</td>
    <td class="f_value_sm"><input type="text" name="user_country" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_country']) ? $_POST['user_country'] : ''); ?>" /></td>
    </tr>
    <tr>
    <td class="f_title_sm label">Postal Code</td>
    <td class="f_value_sm"><input type="text" name="user_postal_code" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_postal_code']) ? $_POST['user_postal_code'] : ''); ?>" /></td>
    </tr>

    <tr>
    <td class="f_title_sm label">Username</td>
    <td class="f_value_sm"><input type="text" name="user_id" class="validate[required] text-input inputbox box_100" style="width: 190px;" value="<?php echo (isset($_POST['user_id']) ? $_POST['user_id'] : ''); ?>" /> * <span>[<a href="#" title="Username Must be 4 Characters Long">?</a>]</span></td>
    </tr>
    <tr>
    <td class="f_title_sm label">Password</td>
    <td class="f_value_sm"><input type="password" name="user_key" class="validate[required] text-input inputbox box_100" style="width: 190px;" /> * </td>
    </tr>
    <tr>
    <td class="f_title_sm label">Confirm-Password</td>
    <td class="f_value_sm"><input type="password" name="user_key1" class="validate[required] text-input inputbox box_100" style="width: 190px;" /> * </td>
    </tr>

    <tr>
    <td class="f_title_sm label">User Type</td>
    <td class="f_value_sm">
    &nbsp;&nbsp;&nbsp;<input type="radio" name="user_type" value="<?php echo USER_ROLES::USER_BUYER; ?>" checked="checked" id="buyer" /> &nbsp;&nbsp;<lable style="font-size:12px;" for="buyer">Buyer</lable>
    &nbsp;&nbsp; <input type="radio" name="user_type" value="<?php echo USER_ROLES::USER_SELLER; ?>" id="seller"/>&nbsp;&nbsp;<lable style="font-size:12px;" for="seller">Seller</lable>&nbsp;&nbsp; 

    </td>
    </tr>

    <tr>
    <td></td>
    <td class="f_value_sm value"><input type="submit" name="user_reg" class="go backcolr" value="Register" /></td>
    </tr>
    </tbody>
    </table>
    </form>

親切に私に適切な解決策を提案してください

4

4 に答える 4

0

これを試して :onsubmit="return validation();"

<form method="post" style="margin: 10px;" id="rForm" onsubmit="return validation();">

ここにスクリプト:

function validation(){
   var conf = confirm("are your sure!");
   if(conf==false){
       return false;
   }
}

それが役立つことを願っています

于 2013-08-21T11:27:02.630 に答える
0
var form = document.getElementById('rForm');
if (document.addEventListener) {
    form.addEventListener('submit', confirmForm, false);
} else {
    form.attachEvent('onsubmit', confirmForm);
}

function confirmForm(e) {
    e = e || window.event;
    var answer = confirm('Are you sure ?');
    if (!answer) {
       if(e.preventDefault) {
           e.preventDefault();
       } else {
           e.returnValue = false
       }
    }       
}
于 2013-08-21T11:30:44.730 に答える
0

jQuery を使用してフォーム送信をインターセプトし、ダイアログを表示して確認またはキャンセルすることができます。

$("form").submit(function(e){
   if(!confirm('Continue?'))
      e.preventDefault();
});

e.preventDefault()フォームの送信を妨げます。

于 2013-08-21T11:22:16.493 に答える
-1
        $("form").submit(function() {
            var res = confirm("Are you shure go");
            if(!res){
                return false;

            }
               return true
        });
于 2013-08-21T11:20:32.833 に答える