PHP 复选框验证代码修正 - php checkbox validation code ammendment

php checkbox validation code ammendment

本文关键字：代码验证复选框 PHP | 更新日期: 2023-09-27

我正在使用此代码使用 ajax 和 jquery 验证表单输入字段....在本页： http://www.kbay.in/ajaxform/index.php

$(document).ready(function() {
//if submit button is clicked
$('#submit').click(function () {        
    //Get the data from all the fields
    var name = $('input[name=name]');
    var phone = $('input[name=phone]');
    var package_name = $('input[name=package_name]');
    var comment = $('input[name=comment]');
    //Simple validation to make sure user entered something
    //If error found, add hightlight class to the text field
    if (name.val()=='') {
        name.addClass('hightlight');
        return false;
    } else name.removeClass('hightlight');
    if (phone.val()=='') {
        phone.addClass('hightlight');
        return false;
    } else phone.removeClass('hightlight');
    if (package_name.val()=='') {
        package_name.addClass('hightlight');
        return false;
    } else package_name.removeClass('hightlight');
    if (comment.val()=='') {
        comment.addClass('hightlight');
        return false;
    } else comment.removeClass('hightlight');
    //organize the data properly
    var data = 'name=' + name.val() + '&phone=' + phone.val() + '&package_name=' + 
    package_name.val() + '&comment='  + encodeURIComponent(comment.val());

但是我添加了一个复选框，但不知道如何使用此脚本对其进行验证...任何想法....？

你可以

使用 is（"：checked"）：

var commentChecked = $("input[name='comment']").is(':checked'); //returns true or false
var commentVal; //define variable for storing comment value

和

if (!commentChecked) {
   commentVal = "";
   comment.addClass('hightlight');
   return false;
} else  {
   comment.removeClass('hightlight');
   commentVal = comment.val();;
}

和

var data = 'name=' + name.val() + '&phone=' + phone.val() + '&package_name=' + 
    package_name.val() + '&comment='  + encodeURIComponent(commentVal);

添加一个复选框到你的 HTML ...像这样：

<input type="checkbox" id="ch1">

而你的jQuery代码来检查它是否被选中，应该是这样的：

if ($("#ch1").prop("checked")) {
    alert("is checked");
}
else {
    alert("is not checked");
}