0

クリックしても何も起こらない送信ボタンに苦労しています。問題はeditvalidation()トリガーされていないと思いますが、よくわかりません。この場合、どのようにトリガーできますか? 送信ボタンの上に検証を表示したいです。私の質問は、送信ボタンに何かをさせる方法です。

エラーはありません：

コード：

<script type="text/javascript">

            function editvalidation()
    {
        if ($("#coursesDrop").val()==""){
            $("#courseAlert").html("Please Select a Course from the Course Drop Down Menu");
        }
        if ($("#coursesDrop").val()!="" && $("#courseadd").children().length==0){
            $("#courseAlert").html("You have not Selected any Students you wish to Add into Course");
        }
        if ($("#coursesDrop").val()!="" && $("#courseadd").children().length!=0){
            return true;
        }
        return false;
    }

            </script>


    <div id='lt-container'>
    <form action='addstudentcourse.php' method='post' id='courseForm'>
    <p id='warnings'></p>
    <p><strong>Courses:</strong> <select name="course" id="coursesDrop">
    <option value="">Please Select</option>
    <option value='19'>BIO234 - Biology</option>
    <option value='1'>INFO101 - Bsc Information Communication Technology</option>
    <option value='2'>INFO102 - Bsc Computing</option>

    </select> </p>   
    </form>
    <form id='updateForm'>

        <p><strong>Course Chosen:</strong></p>
        <table>
        <tr>
        <th></th>
        <td><input type='hidden' id='currentCourseId' name='CourseIdcurrent' value='' /> </td>
        </tr>
        <tr>
        <th>Course ID:</th>
        <td><input type='text' id='currentCourse' name='Coursecurrent' readonly='readonly' value='' /> </td>
        </tr>
        <tr>
        <th>Course Name:</th>
        <td><input type='text' id='currentCourseName' name='CourseNamecurrent' readonly='readonly' value='' /> </td>
        </tr>
        <tr>
        <th>Duration (Years):</th>
        <td><input type='text' id='currentDuration' name='Durationcurrent' readonly='readonly' value=''/> </td>
        </tr>
        </table>
        </form>

    <form id='studentExistForm'>
    <p><strong>Current Students in Chosen Course:</strong></p>
    <p><select name="studenttextarea" id="studentselect" size="10"></select></p>
    </form> 

    </div>

    <div id='rt-container'>
    <form id='studentRemainForm'>
    <p><strong>Available Students to Enrol:</strong></p>
    <p><select multiple="multiple" name="remaintextarea" id="studentremain" size="10"></select></p>
    <table id='addtbl'>
    <tr>
    </table>
    </form>

    <form id='studentAddForm'>
    <p><strong>Students to Add to Course:</strong></p>
    <p><select multiple="multiple" name="addtextarea" id="studentadd" size="10"></select></p>
    <table id='removetbl'>
    <tr>
    </table>

    <div id='studentAlert'></div>
    </form>

    <p><button id='submitstudents'>Submit Students</button></p>

    </div>

        <script type="text/javascript">    



                 function showConfirm(){

                  var courseNoInput = document.getElementById('currentCourse').value;
                  var courseNameInput = document.getElementById('currentCourseName').value;

                  if (editvalidation()) {

                 var confirmMsg=confirm("Are you sure you want to add your selected Students to this Course:" + "\n" + "Course: " + courseNoInput + " - " + courseNameInput);

                 if (confirmMsg==true)
                 {
                 submitform();   
             }
          }
        } 

         $('body').on('click', '#submitstudents', showConfirm);     


        </script>
4

3 に答える 3

0 
  if (editvalidation()  === true) {
       //your code
     }
 compare function true or false like this ..


$( '#studentAddForm' ).submit();

このようなフォームを送信することをお勧めします..

于 2013-03-01T13:20:18.960 に答える
0

スクリプトは、jquery 1.8.1 を使用して Google Chrome で実行を開始します。1 つの問題は、id courseAlert を持つ要素が定義されていないことです。

于 2013-03-01T13:26:30.270 に答える
0

送信ボタンが機能するように、コードをフォーマットして修正しました。

また、すべての関数の開始時にアラートを追加して、関数が呼び出されたことを確認できるようにしました。

スクリプトを完全に機能させたい場合は、他のコードも修正する必要があります。

実際の例へのリンク: http://simplestudio.rs/yard/submit_button/form.html

コード：

<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

$(document).ready(function() {

    $("#submitstudents").click(function() { 
        showConfirm();
    }); 

}); 

function showConfirm() {

    alert("function showConfirm is called");
    var courseNoInput = document.getElementById('currentCourse').value;
    var courseNameInput = document.getElementById('currentCourseName').value;

    if (editvalidation()) {

        var confirmMsg=confirm("Are you sure you want to add your selected Students to this Course:" + "\n" + "Course: " + courseNoInput + " - " + courseNameInput);

        if (confirmMsg==true) {

            submitform();   

        }

    }

} 

function editvalidation() {

    alert("function editvalidation is called");
    if ($("#coursesDrop").val()==""){

        $("#courseAlert").html("Please Select a Course from the Course Drop Down Menu");

    }
    if ($("#coursesDrop").val()!="" && $("#courseadd").children().length==0){

        $("#courseAlert").html("You have not Selected any Students you wish to Add into Course");

    }
    if ($("#coursesDrop").val()!="" && $("#courseadd").children().length!=0){

        return true;

    }

    return false;

}


</script>

<style>

    span {
        cursor: pointer;
        position: absolute;
    }

    #divtoshow {
        position: absolute;
        display: none;
    }

</style>

</head>

<body>

    <div id='lt-container'>

        <form action='addstudentcourse.php' method='post' id='courseForm'>

            <p id='warnings'></p>
            <p>

                <strong>Courses:</strong> 

                <select name="course" id="coursesDrop">
                    <option value="">Please Select</option>
                    <option value='19'>BIO234 - Biology</option>
                    <option value='1'>INFO101 - Bsc Information Communication Technology</option>
                    <option value='2'>INFO102 - Bsc Computing</option>
                </select> 

            </p>   

        </form>

        <form id='updateForm'>

            <p>
                <strong>Course Chosen:</strong>
            </p>

            <table>
                <tr>

                    <th></th>
                    <td>
                        <input type='hidden' id='currentCourseId' name='CourseIdcurrent' value='' /> 
                    </td>

                </tr>

                <tr>

                    <th>
                        Course ID:
                    </th>
                    <td>
                        <input type='text' id='currentCourse' name='Coursecurrent' readonly='readonly' value='' /> 
                    </td>

                </tr>

                <tr>

                    <th>
                        Course Name:
                    </th>

                    <td>
                        <input type='text' id='currentCourseName' name='CourseNamecurrent' readonly='readonly' value='' /> 
                    </td>

                </tr>

                <tr>

                    <th>
                        Duration (Years):
                    </th>

                    <td>
                        <input type='text' id='currentDuration' name='Durationcurrent' readonly='readonly' value=''/> 
                    </td>

                </tr>

            </table>

        </form>

        <form id='studentExistForm'>

            <p>
                <strong>Current Students in Chosen Course:</strong>
            </p>

            <p>
                <select name="studenttextarea" id="studentselect" size="10"></select>
            </p>

        </form> 

    </div>

    <div id='rt-container'>

        <form id='studentRemainForm'>

            <p>
                <strong>Available Students to Enrol:</strong>
            </p>

            <p>
                <select multiple="multiple" name="remaintextarea" id="studentremain" size="10"></select>
            </p>

            <table id='addtbl'>
                <tr>
            </table>

        </form>

        <form id='studentAddForm'>

            <p>
                <strong>Students to Add to Course:</strong></p>
            </p>

            <p>
                <select multiple="multiple" name="addtextarea" id="studentadd" size="10"></select>
            </p>

            <table id='removetbl'>
                <tr>
            </table>

            <div id='studentAlert'></div>

        </form>

        <p>
            <button id='submitstudents'>Submit Students</button>
        </p>

    </div>

</body>
</html>
于 2013-03-01T13:26:39.817 に答える