Question

我正在使用单选按钮和提交按钮将单选按钮的输入发送到名为script.js的javascript文件。每当我单击提交按钮而不从单选按钮中选择数据时，警报消息“请填写所有字段”不会显示。

我的index.php代码

Double

我的script.js代码

<!DOCTYPE html>
<html lang="en">  
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="script.js"></script>
    <script>
        $(document).ready(function() {
            setInterval(function(){
                _path = $('img').attr('src');
                _img_id = _path.replace('img/img', '');
                _img_id = _img_id.replace('.jpg', '');

                _img_id++;

                $('img').attr('src', 'img/img' + _img_id + '.jpg');
            }, 15000);
        });
    </script>    
</head>    
<body id="page-top">  
    <header>
        <h1><img src="img/img1.jpg" alt="image" style="width:738px;height:444px;"></h1>
        <hr>
        <label>Alignment: </label>
        <input type="radio" name="group1" value="5"> 5
        <input type="radio" name="group1" value="4"> 4
        <input type="radio" name="group1" value="3"> 3
        <input type="radio" name="group1" value="2"> 2
        <input type="radio" name="group1" value="1"> 1
        <hr>
        <label>Blend: </label>
        <input type="radio" name="group2" value="5"> 5
        <input type="radio" name="group2" value="4"> 4
        <input type="radio" name="group2" value="3"> 3
        <input type="radio" name="group2" value="2"> 2
        <input type="radio" name="group2" value="1"> 1
        <hr>
        <label>Warp: </label>
        <input type="radio" name="group3" value="5"> 5
        <input type="radio" name="group3" value="4"> 4
        <input type="radio" name="group3" value="3"> 3
        <input type="radio" name="group3" value="2"> 2
        <input type="radio" name="group3" value="1"> 1
        <hr>
        <label>Overall: </label>
        <input type="radio" name="group4" value="5"> 5
        <input type="radio" name="group4" value="4"> 4
        <input type="radio" name="group4" value="3"> 3
        <input type="radio" name="group4" value="2"> 2
        <input type="radio" name="group4" value="1"> 1
        <hr>
        <input type="submit" id="submit" name="submit" value="Submit">
    </header>
</body>
</html>

Answer 1

我刚看到它们是无线电，也检查falsy值，例如!radio1 || !radio2等。

Specificaly jQuery尝试选择checked广播，但可能没有选中，因此jQuery对象为空，因此.val()将返回falsy }值（例如null或undefined）。

Answer 2

您的html不符合 - 请参阅没有表单标记的输入标记：

<form onsubmit="yourfunction(); return false;"> ...

或只使用标签按钮：

<button id="submit">Submit</button>

Answer 3

您可以测试未定义的无线电输入，例如https://jsfiddle.net/2Lzo9vfc/6/

if (radio1 == undefined || radio2 == undefined || radio3 == undefined || radio4 == undefined) {
        alert("Please Fill All Fields");
    } else {
        // AJAX Code To Submit Form.

    }

javascript不显示提醒消息

3 个答案: