2개의 버튼이 있는 양식이 있습니다.
<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>
이 버튼에도 다음과 같이 jQuery UI의 버튼을 사용합니다.
$('button').button();
하지만 첫 번째 버튼도 양식을 제출합니다. 'type="submit"`가 없으면 제출하지 않을 것이라고 생각했을 것입니다.
분명히 이렇게 할 수 있습니다.
$('button[type!=submit]').click(function(event) { event.stopPropagation(); });
하지만 자바스크립트의 개입 없이 뒤로 버튼이 양식을 제출하지 못하도록 막을 수 있는 방법이 있나요?
솔직히 말해서 저는 jQuery UI로 스타일을 지정하기 위해서만 버튼을 사용했습니다. 링크에서 button()
을 호출해 보았지만 예상대로 작동하지 않았습니다(꽤 보기 흉해 보였습니다!).
기존 HTML을 그대로 사용하세요:
<input type="button" value="Submit" />
원하는 경우 링크의 제목으로 래핑하세요:
<a href="http://somewhere.com"><input type="button" value="Submit" /></a>
또는 자바스크립트가 다른 기능을 제공하도록 하려는 경우:
<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>
내가 좋아하는 장난하는거아니고, 다른 분입니다. 쉽고 JS 들어갈 필요가 없다. 하지만 난 조교하실 점에 대한 것을 포함한다. 그래서 생각해서라도 완성도, jQuery 의 경우 이를 통해 처리기에서 반전시킵니다 거짓값 반품하십시오 클릭하십시오. () 의 기본 동작을 위젯.
[알 예] [1] (자료 등을, 고쳐주렴). Here& # 39 의 문서, 고쳐주렴.
간단히 말해서, 이 기능을 수행할 수 있는 샘플 코드:
<script type="text/javascript">
$('button[type!=submit]').click(function(){
// code to cancel changes
return false;
});
</script>
<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>
이와 함께 없앨 수 있습니다 다음 앵커 태그에 표시됨과 추가되어, 그냥 가볍게 단추를 사용합니다.
[1]: http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx # tip24
설정하지 않고 '유형' 속성 '거짓' 에서 ',' 처리기에서 반품해야 수도 있습니다 온 클릭 '이', '온 클릭 = " 선언하고 온 클릭 속성과 복귀하십시오 " 옹프트 크리크 (이벤트),'.
<form class="form-horizontal" method="post">
<div class="control-group">
<input type="text" name="subject_code" id="inputEmail" placeholder="Subject Code">
</div>
<div class="control-group">
<input type="text" class="span8" name="title" id="inputPassword" placeholder="Subject Title" required>
</div>
<div class="control-group">
<input type="text" class="span1" name="unit" id="inputPassword" required>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Semester</label>
<div class="controls">
<select name="semester">
<option></option>
<option>1st</option>
<option>2nd</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Deskripsi</label>
<div class="controls">
<textarea name="description" id="ckeditor_full"></textarea>
<script>CKEDITOR.replace('ckeditor_full');</script>
</div>
</div>
<div class="control-group">
<div class="controls">
<button name="save" type="submit" class="btn btn-info"><i class="icon-save"></i> Simpan</button>
</div>
</div>
</form>
<?php
if (isset($_POST['save'])){
$subject_code = $_POST['subject_code'];
$title = $_POST['title'];
$unit = $_POST['unit'];
$description = $_POST['description'];
$semester = $_POST['semester'];
$query = mysql_query("select * from subject where subject_code = '$subject_code' ")or die(mysql_error());
$count = mysql_num_rows($query);
if ($count > 0){ ?>
<script>
alert('Data Sudah Ada');
</script>
<?php
}else{
mysql_query("insert into subject (subject_code,subject_title,description,unit,semester) values('$subject_code','$title','$description','$unit','$semester')")or die(mysql_error());
mysql_query("insert into activity_log (date,username,action) values(NOW(),'$user_username','Add Subject $subject_code')")or die(mysql_error());
?>
<script>
window.location = "subjects.php";
</script>
<?php
}
}
?>